.select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; -moz-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { background-color: transparent; border: none; font-size: 1em; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; -moz-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline; list-style: none; padding: 0; } .select2-container .select2-selection--multiple .select2-selection__clear { background-color: transparent; border: none; font-size: 1em; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; margin-left: 5px; padding: 0; max-width: 100%; resize: none; height: 18px; vertical-align: bottom; font-family: sans-serif; overflow: hidden; word-break: keep-all; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; -moz-user-select: none; user-select: none; -webkit-user-select: none; } .select2-results__option--selectable { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; height: 26px; margin-right: 20px; padding-right: 0px; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; padding-bottom: 5px; padding-right: 5px; position: relative; } .select2-container--default .select2-selection--multiple.select2-selection--clearable { padding-right: 25px; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; font-weight: bold; height: 20px; margin-right: 10px; margin-top: 5px; position: absolute; right: 0; padding: 1px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: inline-block; margin-left: 5px; margin-top: 5px; padding: 0; padding-left: 20px; position: relative; max-width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; white-space: nowrap; } .select2-container--default .select2-selection--multiple .select2-selection__choice__display { cursor: default; padding-left: 2px; padding-right: 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { background-color: transparent; border: none; border-right: 1px solid #aaa; border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: #999; cursor: pointer; font-size: 1em; font-weight: bold; padding: 0 4px; position: absolute; left: 0; top: 0; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus { background-color: #f1f1f1; color: #333; outline: none; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display { padding-left: 5px; padding-right: 2px; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { border-left: 1px solid #aaa; border-right: none; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear { float: left; margin-left: 10px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .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--default .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--default .select2-results__option--group { padding: 0; } .select2-container--default .select2-results__option--disabled { color: #999; } .select2-container--default .select2-results__option--selected { background-color: #ddd; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; height: 26px; margin-right: 20px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; padding-bottom: 5px; padding-right: 5px; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; display: inline-block; margin-left: 5px; margin-top: 5px; padding: 0; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__display { cursor: default; padding-left: 2px; padding-right: 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { background-color: transparent; border: none; border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: #888; cursor: pointer; font-size: 1em; font-weight: bold; padding: 0 4px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; outline: none; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display { padding-left: 5px; padding-right: 2px; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option--group { padding: 0; } .select2-container--classic .select2-results__option--disabled { color: grey; } .select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable { background-color: #3875d7; color: white; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } .flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;box-sizing:border-box;touch-action:manipulation;background:#fff;box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/* /*rtl:begin:ignore*/left:0/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/* /*rtl:begin:ignore*/right:0/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:flex;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:flex;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:flex;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;box-sizing:border-box;display:inline-block;display:flex;flex-wrap:wrap;-ms-flex-wrap:wrap;justify-content:space-around;transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:flex;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;box-sizing:border-box;overflow:hidden;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@keyframes fpFadeInDown{from{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translate3d(0,0,0)}}@charset "UTF-8"; /* * @Author: Jens K * @Date: 2017-12-18 10:05:13 * @Last Modified by: Jens K * @Last Modified time: 2018-01-12 12:04:04 */ @font-face { font-family: "miso"; src: url("../fonts/miso-bold-webfont.woff2") format("woff2"), url("../fonts/miso-bold-webfont.woff") format("woff"); font-weight: 700; font-style: normal; } @font-face { font-family: "miso"; src: url("../fonts/miso-regular-webfont.woff2") format("woff2"), url("../fonts/miso-regular-webfont.woff") format("woff"); font-weight: 500; font-style: normal; } @font-face { font-family: "miso"; src: url("../fonts/miso-light-webfont.woff2") format("woff2"), url("../fonts/miso-light-webfont.woff") format("woff"); font-weight: 300; font-style: normal; } @font-face { font-family: "bebas"; src: url("../fonts/bebas.eot"); src: url("../fonts/bebas.eot?#iefix") format("embedded-opentype"), url("../fonts/bebas.woff2") format("woff2"), url("../fonts/bebas.woff") format("woff"), url("../fonts/bebas.ttf") format("truetype"); } /* * @Author: Jens K * @Date: 2017-12-19 09:37:18 * @Last Modified by: Jens K * @Last Modified time: 2017-12-20 11:43:50 */ /** * Foundation for Sites by ZURB * Version 6.6.0 * foundation.zurb.com * Licensed under MIT Open Source */ /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } h1 { font-size: 2em; margin: 0.67em 0; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } .foundation-mq { font-family: "small=0em&xxsmall=20em&xsmall=26.25em&medium=40em&large=64em&xlarge=75em&xxlarge=90em&xxxlarge=105em"; } html { box-sizing: border-box; font-size: 100%; } *, *::before, *::after { box-sizing: inherit; } body { margin: 0; padding: 0; background: #fefefe; font-family: "miso", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; line-height: 1.5; color: #0a0a0a; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } textarea { height: auto; min-height: 50px; border-radius: 0; } select { box-sizing: border-box; width: 100%; border-radius: 0; } .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important; } button { padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 0; background: transparent; line-height: 1; cursor: auto; } [data-whatinput=mouse] button { outline: 0; } pre { overflow: auto; } button, input, optgroup, select, textarea { font-family: inherit; } .is-visible { display: block !important; } .is-hidden { display: none !important; } .grid-container { padding-right: 0.625rem; padding-left: 0.625rem; max-width: 90rem; margin-left: auto; margin-right: auto; } @media print, screen and (min-width: 40em) { .grid-container { padding-right: 0.9375rem; padding-left: 0.9375rem; } } .grid-container.fluid { padding-right: 0.625rem; padding-left: 0.625rem; max-width: 100%; margin-left: auto; margin-right: auto; } @media print, screen and (min-width: 40em) { .grid-container.fluid { padding-right: 0.9375rem; padding-left: 0.9375rem; } } .grid-container.full { padding-right: 0; padding-left: 0; max-width: 100%; margin-left: auto; margin-right: auto; } .grid-x { display: flex; flex-flow: row wrap; } .cell { flex: 0 0 auto; min-height: 0px; min-width: 0px; width: 100%; } .cell.auto { flex: 1 1 0px; } .cell.shrink { flex: 0 0 auto; } .grid-x > .auto { width: auto; } .grid-x > .shrink { width: auto; } .grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 { flex-basis: auto; } @media print, screen and (min-width: 40em) { .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 { flex-basis: auto; } } @media print, screen and (min-width: 64em) { .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 { flex-basis: auto; } } @media screen and (min-width: 75em) { .grid-x > .xlarge-shrink, .grid-x > .xlarge-full, .grid-x > .xlarge-1, .grid-x > .xlarge-2, .grid-x > .xlarge-3, .grid-x > .xlarge-4, .grid-x > .xlarge-5, .grid-x > .xlarge-6, .grid-x > .xlarge-7, .grid-x > .xlarge-8, .grid-x > .xlarge-9, .grid-x > .xlarge-10, .grid-x > .xlarge-11, .grid-x > .xlarge-12 { flex-basis: auto; } } .grid-x > .small-12, .grid-x > .small-11, .grid-x > .small-10, .grid-x > .small-9, .grid-x > .small-8, .grid-x > .small-7, .grid-x > .small-6, .grid-x > .small-5, .grid-x > .small-4, .grid-x > .small-3, .grid-x > .small-2, .grid-x > .small-1 { flex: 0 0 auto; } .grid-x > .small-1 { width: 8.3333333333%; } .grid-x > .small-2 { width: 16.6666666667%; } .grid-x > .small-3 { width: 25%; } .grid-x > .small-4 { width: 33.3333333333%; } .grid-x > .small-5 { width: 41.6666666667%; } .grid-x > .small-6 { width: 50%; } .grid-x > .small-7 { width: 58.3333333333%; } .grid-x > .small-8 { width: 66.6666666667%; } .grid-x > .small-9 { width: 75%; } .grid-x > .small-10 { width: 83.3333333333%; } .grid-x > .small-11 { width: 91.6666666667%; } .grid-x > .small-12 { width: 100%; } @media print, screen and (min-width: 40em) { .grid-x > .medium-auto { flex: 1 1 0px; width: auto; } .grid-x > .medium-12, .grid-x > .medium-11, .grid-x > .medium-10, .grid-x > .medium-9, .grid-x > .medium-8, .grid-x > .medium-7, .grid-x > .medium-6, .grid-x > .medium-5, .grid-x > .medium-4, .grid-x > .medium-3, .grid-x > .medium-2, .grid-x > .medium-1, .grid-x > .medium-shrink { flex: 0 0 auto; } .grid-x > .medium-shrink { width: auto; } .grid-x > .medium-1 { width: 8.3333333333%; } .grid-x > .medium-2 { width: 16.6666666667%; } .grid-x > .medium-3 { width: 25%; } .grid-x > .medium-4 { width: 33.3333333333%; } .grid-x > .medium-5 { width: 41.6666666667%; } .grid-x > .medium-6 { width: 50%; } .grid-x > .medium-7 { width: 58.3333333333%; } .grid-x > .medium-8 { width: 66.6666666667%; } .grid-x > .medium-9 { width: 75%; } .grid-x > .medium-10 { width: 83.3333333333%; } .grid-x > .medium-11 { width: 91.6666666667%; } .grid-x > .medium-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .grid-x > .large-auto { flex: 1 1 0px; width: auto; } .grid-x > .large-12, .grid-x > .large-11, .grid-x > .large-10, .grid-x > .large-9, .grid-x > .large-8, .grid-x > .large-7, .grid-x > .large-6, .grid-x > .large-5, .grid-x > .large-4, .grid-x > .large-3, .grid-x > .large-2, .grid-x > .large-1, .grid-x > .large-shrink { flex: 0 0 auto; } .grid-x > .large-shrink { width: auto; } .grid-x > .large-1 { width: 8.3333333333%; } .grid-x > .large-2 { width: 16.6666666667%; } .grid-x > .large-3 { width: 25%; } .grid-x > .large-4 { width: 33.3333333333%; } .grid-x > .large-5 { width: 41.6666666667%; } .grid-x > .large-6 { width: 50%; } .grid-x > .large-7 { width: 58.3333333333%; } .grid-x > .large-8 { width: 66.6666666667%; } .grid-x > .large-9 { width: 75%; } .grid-x > .large-10 { width: 83.3333333333%; } .grid-x > .large-11 { width: 91.6666666667%; } .grid-x > .large-12 { width: 100%; } } @media screen and (min-width: 75em) { .grid-x > .xlarge-auto { flex: 1 1 0px; width: auto; } .grid-x > .xlarge-12, .grid-x > .xlarge-11, .grid-x > .xlarge-10, .grid-x > .xlarge-9, .grid-x > .xlarge-8, .grid-x > .xlarge-7, .grid-x > .xlarge-6, .grid-x > .xlarge-5, .grid-x > .xlarge-4, .grid-x > .xlarge-3, .grid-x > .xlarge-2, .grid-x > .xlarge-1, .grid-x > .xlarge-shrink { flex: 0 0 auto; } .grid-x > .xlarge-shrink { width: auto; } .grid-x > .xlarge-1 { width: 8.3333333333%; } .grid-x > .xlarge-2 { width: 16.6666666667%; } .grid-x > .xlarge-3 { width: 25%; } .grid-x > .xlarge-4 { width: 33.3333333333%; } .grid-x > .xlarge-5 { width: 41.6666666667%; } .grid-x > .xlarge-6 { width: 50%; } .grid-x > .xlarge-7 { width: 58.3333333333%; } .grid-x > .xlarge-8 { width: 66.6666666667%; } .grid-x > .xlarge-9 { width: 75%; } .grid-x > .xlarge-10 { width: 83.3333333333%; } .grid-x > .xlarge-11 { width: 91.6666666667%; } .grid-x > .xlarge-12 { width: 100%; } } .grid-margin-x:not(.grid-x) > .cell { width: auto; } .grid-margin-y:not(.grid-y) > .cell { height: auto; } .grid-margin-x { margin-left: -0.625rem; margin-right: -0.625rem; } @media print, screen and (min-width: 40em) { .grid-margin-x { margin-left: -0.9375rem; margin-right: -0.9375rem; } } .grid-margin-x > .cell { width: calc(100% - 1.25rem); margin-left: 0.625rem; margin-right: 0.625rem; } @media print, screen and (min-width: 40em) { .grid-margin-x > .cell { width: calc(100% - 1.875rem); margin-left: 0.9375rem; margin-right: 0.9375rem; } } .grid-margin-x > .auto { width: auto; } .grid-margin-x > .shrink { width: auto; } .grid-margin-x > .small-1 { width: calc(8.3333333333% - 1.25rem); } .grid-margin-x > .small-2 { width: calc(16.6666666667% - 1.25rem); } .grid-margin-x > .small-3 { width: calc(25% - 1.25rem); } .grid-margin-x > .small-4 { width: calc(33.3333333333% - 1.25rem); } .grid-margin-x > .small-5 { width: calc(41.6666666667% - 1.25rem); } .grid-margin-x > .small-6 { width: calc(50% - 1.25rem); } .grid-margin-x > .small-7 { width: calc(58.3333333333% - 1.25rem); } .grid-margin-x > .small-8 { width: calc(66.6666666667% - 1.25rem); } .grid-margin-x > .small-9 { width: calc(75% - 1.25rem); } .grid-margin-x > .small-10 { width: calc(83.3333333333% - 1.25rem); } .grid-margin-x > .small-11 { width: calc(91.6666666667% - 1.25rem); } .grid-margin-x > .small-12 { width: calc(100% - 1.25rem); } @media print, screen and (min-width: 40em) { .grid-margin-x > .auto { width: auto; } .grid-margin-x > .shrink { width: auto; } .grid-margin-x > .small-1 { width: calc(8.3333333333% - 1.875rem); } .grid-margin-x > .small-2 { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x > .small-3 { width: calc(25% - 1.875rem); } .grid-margin-x > .small-4 { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x > .small-5 { width: calc(41.6666666667% - 1.875rem); } .grid-margin-x > .small-6 { width: calc(50% - 1.875rem); } .grid-margin-x > .small-7 { width: calc(58.3333333333% - 1.875rem); } .grid-margin-x > .small-8 { width: calc(66.6666666667% - 1.875rem); } .grid-margin-x > .small-9 { width: calc(75% - 1.875rem); } .grid-margin-x > .small-10 { width: calc(83.3333333333% - 1.875rem); } .grid-margin-x > .small-11 { width: calc(91.6666666667% - 1.875rem); } .grid-margin-x > .small-12 { width: calc(100% - 1.875rem); } .grid-margin-x > .medium-auto { width: auto; } .grid-margin-x > .medium-shrink { width: auto; } .grid-margin-x > .medium-1 { width: calc(8.3333333333% - 1.875rem); } .grid-margin-x > .medium-2 { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x > .medium-3 { width: calc(25% - 1.875rem); } .grid-margin-x > .medium-4 { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x > .medium-5 { width: calc(41.6666666667% - 1.875rem); } .grid-margin-x > .medium-6 { width: calc(50% - 1.875rem); } .grid-margin-x > .medium-7 { width: calc(58.3333333333% - 1.875rem); } .grid-margin-x > .medium-8 { width: calc(66.6666666667% - 1.875rem); } .grid-margin-x > .medium-9 { width: calc(75% - 1.875rem); } .grid-margin-x > .medium-10 { width: calc(83.3333333333% - 1.875rem); } .grid-margin-x > .medium-11 { width: calc(91.6666666667% - 1.875rem); } .grid-margin-x > .medium-12 { width: calc(100% - 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-margin-x > .large-auto { width: auto; } .grid-margin-x > .large-shrink { width: auto; } .grid-margin-x > .large-1 { width: calc(8.3333333333% - 1.875rem); } .grid-margin-x > .large-2 { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x > .large-3 { width: calc(25% - 1.875rem); } .grid-margin-x > .large-4 { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x > .large-5 { width: calc(41.6666666667% - 1.875rem); } .grid-margin-x > .large-6 { width: calc(50% - 1.875rem); } .grid-margin-x > .large-7 { width: calc(58.3333333333% - 1.875rem); } .grid-margin-x > .large-8 { width: calc(66.6666666667% - 1.875rem); } .grid-margin-x > .large-9 { width: calc(75% - 1.875rem); } .grid-margin-x > .large-10 { width: calc(83.3333333333% - 1.875rem); } .grid-margin-x > .large-11 { width: calc(91.6666666667% - 1.875rem); } .grid-margin-x > .large-12 { width: calc(100% - 1.875rem); } } @media screen and (min-width: 75em) { .grid-margin-x > .xlarge-auto { width: auto; } .grid-margin-x > .xlarge-shrink { width: auto; } .grid-margin-x > .xlarge-1 { width: calc(8.3333333333% - 1.875rem); } .grid-margin-x > .xlarge-2 { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x > .xlarge-3 { width: calc(25% - 1.875rem); } .grid-margin-x > .xlarge-4 { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x > .xlarge-5 { width: calc(41.6666666667% - 1.875rem); } .grid-margin-x > .xlarge-6 { width: calc(50% - 1.875rem); } .grid-margin-x > .xlarge-7 { width: calc(58.3333333333% - 1.875rem); } .grid-margin-x > .xlarge-8 { width: calc(66.6666666667% - 1.875rem); } .grid-margin-x > .xlarge-9 { width: calc(75% - 1.875rem); } .grid-margin-x > .xlarge-10 { width: calc(83.3333333333% - 1.875rem); } .grid-margin-x > .xlarge-11 { width: calc(91.6666666667% - 1.875rem); } .grid-margin-x > .xlarge-12 { width: calc(100% - 1.875rem); } } .grid-padding-x .grid-padding-x { margin-right: -0.625rem; margin-left: -0.625rem; } @media print, screen and (min-width: 40em) { .grid-padding-x .grid-padding-x { margin-right: -0.9375rem; margin-left: -0.9375rem; } } .grid-container:not(.full) > .grid-padding-x { margin-right: -0.625rem; margin-left: -0.625rem; } @media print, screen and (min-width: 40em) { .grid-container:not(.full) > .grid-padding-x { margin-right: -0.9375rem; margin-left: -0.9375rem; } } .grid-padding-x > .cell { padding-right: 0.625rem; padding-left: 0.625rem; } @media print, screen and (min-width: 40em) { .grid-padding-x > .cell { padding-right: 0.9375rem; padding-left: 0.9375rem; } } .small-up-1 > .cell { width: 100%; } .small-up-2 > .cell { width: 50%; } .small-up-3 > .cell { width: 33.3333333333%; } .small-up-4 > .cell { width: 25%; } .small-up-5 > .cell { width: 20%; } .small-up-6 > .cell { width: 16.6666666667%; } .small-up-7 > .cell { width: 14.2857142857%; } .small-up-8 > .cell { width: 12.5%; } @media print, screen and (min-width: 40em) { .medium-up-1 > .cell { width: 100%; } .medium-up-2 > .cell { width: 50%; } .medium-up-3 > .cell { width: 33.3333333333%; } .medium-up-4 > .cell { width: 25%; } .medium-up-5 > .cell { width: 20%; } .medium-up-6 > .cell { width: 16.6666666667%; } .medium-up-7 > .cell { width: 14.2857142857%; } .medium-up-8 > .cell { width: 12.5%; } } @media print, screen and (min-width: 64em) { .large-up-1 > .cell { width: 100%; } .large-up-2 > .cell { width: 50%; } .large-up-3 > .cell { width: 33.3333333333%; } .large-up-4 > .cell { width: 25%; } .large-up-5 > .cell { width: 20%; } .large-up-6 > .cell { width: 16.6666666667%; } .large-up-7 > .cell { width: 14.2857142857%; } .large-up-8 > .cell { width: 12.5%; } } @media screen and (min-width: 75em) { .xlarge-up-1 > .cell { width: 100%; } .xlarge-up-2 > .cell { width: 50%; } .xlarge-up-3 > .cell { width: 33.3333333333%; } .xlarge-up-4 > .cell { width: 25%; } .xlarge-up-5 > .cell { width: 20%; } .xlarge-up-6 > .cell { width: 16.6666666667%; } .xlarge-up-7 > .cell { width: 14.2857142857%; } .xlarge-up-8 > .cell { width: 12.5%; } } .grid-margin-x.small-up-1 > .cell { width: calc(100% - 1.25rem); } .grid-margin-x.small-up-2 > .cell { width: calc(50% - 1.25rem); } .grid-margin-x.small-up-3 > .cell { width: calc(33.3333333333% - 1.25rem); } .grid-margin-x.small-up-4 > .cell { width: calc(25% - 1.25rem); } .grid-margin-x.small-up-5 > .cell { width: calc(20% - 1.25rem); } .grid-margin-x.small-up-6 > .cell { width: calc(16.6666666667% - 1.25rem); } .grid-margin-x.small-up-7 > .cell { width: calc(14.2857142857% - 1.25rem); } .grid-margin-x.small-up-8 > .cell { width: calc(12.5% - 1.25rem); } @media print, screen and (min-width: 40em) { .grid-margin-x.small-up-1 > .cell { width: calc(100% - 1.875rem); } .grid-margin-x.small-up-2 > .cell { width: calc(50% - 1.875rem); } .grid-margin-x.small-up-3 > .cell { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x.small-up-4 > .cell { width: calc(25% - 1.875rem); } .grid-margin-x.small-up-5 > .cell { width: calc(20% - 1.875rem); } .grid-margin-x.small-up-6 > .cell { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x.small-up-7 > .cell { width: calc(14.2857142857% - 1.875rem); } .grid-margin-x.small-up-8 > .cell { width: calc(12.5% - 1.875rem); } .grid-margin-x.medium-up-1 > .cell { width: calc(100% - 1.875rem); } .grid-margin-x.medium-up-2 > .cell { width: calc(50% - 1.875rem); } .grid-margin-x.medium-up-3 > .cell { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x.medium-up-4 > .cell { width: calc(25% - 1.875rem); } .grid-margin-x.medium-up-5 > .cell { width: calc(20% - 1.875rem); } .grid-margin-x.medium-up-6 > .cell { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x.medium-up-7 > .cell { width: calc(14.2857142857% - 1.875rem); } .grid-margin-x.medium-up-8 > .cell { width: calc(12.5% - 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-margin-x.large-up-1 > .cell { width: calc(100% - 1.875rem); } .grid-margin-x.large-up-2 > .cell { width: calc(50% - 1.875rem); } .grid-margin-x.large-up-3 > .cell { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x.large-up-4 > .cell { width: calc(25% - 1.875rem); } .grid-margin-x.large-up-5 > .cell { width: calc(20% - 1.875rem); } .grid-margin-x.large-up-6 > .cell { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x.large-up-7 > .cell { width: calc(14.2857142857% - 1.875rem); } .grid-margin-x.large-up-8 > .cell { width: calc(12.5% - 1.875rem); } } @media screen and (min-width: 75em) { .grid-margin-x.xlarge-up-1 > .cell { width: calc(100% - 1.875rem); } .grid-margin-x.xlarge-up-2 > .cell { width: calc(50% - 1.875rem); } .grid-margin-x.xlarge-up-3 > .cell { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x.xlarge-up-4 > .cell { width: calc(25% - 1.875rem); } .grid-margin-x.xlarge-up-5 > .cell { width: calc(20% - 1.875rem); } .grid-margin-x.xlarge-up-6 > .cell { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x.xlarge-up-7 > .cell { width: calc(14.2857142857% - 1.875rem); } .grid-margin-x.xlarge-up-8 > .cell { width: calc(12.5% - 1.875rem); } } .small-margin-collapse { margin-right: 0; margin-left: 0; } .small-margin-collapse > .cell { margin-right: 0; margin-left: 0; } .small-margin-collapse > .small-1 { width: 8.3333333333%; } .small-margin-collapse > .small-2 { width: 16.6666666667%; } .small-margin-collapse > .small-3 { width: 25%; } .small-margin-collapse > .small-4 { width: 33.3333333333%; } .small-margin-collapse > .small-5 { width: 41.6666666667%; } .small-margin-collapse > .small-6 { width: 50%; } .small-margin-collapse > .small-7 { width: 58.3333333333%; } .small-margin-collapse > .small-8 { width: 66.6666666667%; } .small-margin-collapse > .small-9 { width: 75%; } .small-margin-collapse > .small-10 { width: 83.3333333333%; } .small-margin-collapse > .small-11 { width: 91.6666666667%; } .small-margin-collapse > .small-12 { width: 100%; } @media print, screen and (min-width: 40em) { .small-margin-collapse > .medium-1 { width: 8.3333333333%; } .small-margin-collapse > .medium-2 { width: 16.6666666667%; } .small-margin-collapse > .medium-3 { width: 25%; } .small-margin-collapse > .medium-4 { width: 33.3333333333%; } .small-margin-collapse > .medium-5 { width: 41.6666666667%; } .small-margin-collapse > .medium-6 { width: 50%; } .small-margin-collapse > .medium-7 { width: 58.3333333333%; } .small-margin-collapse > .medium-8 { width: 66.6666666667%; } .small-margin-collapse > .medium-9 { width: 75%; } .small-margin-collapse > .medium-10 { width: 83.3333333333%; } .small-margin-collapse > .medium-11 { width: 91.6666666667%; } .small-margin-collapse > .medium-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .small-margin-collapse > .large-1 { width: 8.3333333333%; } .small-margin-collapse > .large-2 { width: 16.6666666667%; } .small-margin-collapse > .large-3 { width: 25%; } .small-margin-collapse > .large-4 { width: 33.3333333333%; } .small-margin-collapse > .large-5 { width: 41.6666666667%; } .small-margin-collapse > .large-6 { width: 50%; } .small-margin-collapse > .large-7 { width: 58.3333333333%; } .small-margin-collapse > .large-8 { width: 66.6666666667%; } .small-margin-collapse > .large-9 { width: 75%; } .small-margin-collapse > .large-10 { width: 83.3333333333%; } .small-margin-collapse > .large-11 { width: 91.6666666667%; } .small-margin-collapse > .large-12 { width: 100%; } } @media screen and (min-width: 75em) { .small-margin-collapse > .xlarge-1 { width: 8.3333333333%; } .small-margin-collapse > .xlarge-2 { width: 16.6666666667%; } .small-margin-collapse > .xlarge-3 { width: 25%; } .small-margin-collapse > .xlarge-4 { width: 33.3333333333%; } .small-margin-collapse > .xlarge-5 { width: 41.6666666667%; } .small-margin-collapse > .xlarge-6 { width: 50%; } .small-margin-collapse > .xlarge-7 { width: 58.3333333333%; } .small-margin-collapse > .xlarge-8 { width: 66.6666666667%; } .small-margin-collapse > .xlarge-9 { width: 75%; } .small-margin-collapse > .xlarge-10 { width: 83.3333333333%; } .small-margin-collapse > .xlarge-11 { width: 91.6666666667%; } .small-margin-collapse > .xlarge-12 { width: 100%; } } .small-padding-collapse { margin-right: 0; margin-left: 0; } .small-padding-collapse > .cell { padding-right: 0; padding-left: 0; } @media print, screen and (min-width: 40em) { .medium-margin-collapse { margin-right: 0; margin-left: 0; } .medium-margin-collapse > .cell { margin-right: 0; margin-left: 0; } } @media print, screen and (min-width: 40em) { .medium-margin-collapse > .small-1 { width: 8.3333333333%; } .medium-margin-collapse > .small-2 { width: 16.6666666667%; } .medium-margin-collapse > .small-3 { width: 25%; } .medium-margin-collapse > .small-4 { width: 33.3333333333%; } .medium-margin-collapse > .small-5 { width: 41.6666666667%; } .medium-margin-collapse > .small-6 { width: 50%; } .medium-margin-collapse > .small-7 { width: 58.3333333333%; } .medium-margin-collapse > .small-8 { width: 66.6666666667%; } .medium-margin-collapse > .small-9 { width: 75%; } .medium-margin-collapse > .small-10 { width: 83.3333333333%; } .medium-margin-collapse > .small-11 { width: 91.6666666667%; } .medium-margin-collapse > .small-12 { width: 100%; } } @media print, screen and (min-width: 40em) { .medium-margin-collapse > .medium-1 { width: 8.3333333333%; } .medium-margin-collapse > .medium-2 { width: 16.6666666667%; } .medium-margin-collapse > .medium-3 { width: 25%; } .medium-margin-collapse > .medium-4 { width: 33.3333333333%; } .medium-margin-collapse > .medium-5 { width: 41.6666666667%; } .medium-margin-collapse > .medium-6 { width: 50%; } .medium-margin-collapse > .medium-7 { width: 58.3333333333%; } .medium-margin-collapse > .medium-8 { width: 66.6666666667%; } .medium-margin-collapse > .medium-9 { width: 75%; } .medium-margin-collapse > .medium-10 { width: 83.3333333333%; } .medium-margin-collapse > .medium-11 { width: 91.6666666667%; } .medium-margin-collapse > .medium-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .medium-margin-collapse > .large-1 { width: 8.3333333333%; } .medium-margin-collapse > .large-2 { width: 16.6666666667%; } .medium-margin-collapse > .large-3 { width: 25%; } .medium-margin-collapse > .large-4 { width: 33.3333333333%; } .medium-margin-collapse > .large-5 { width: 41.6666666667%; } .medium-margin-collapse > .large-6 { width: 50%; } .medium-margin-collapse > .large-7 { width: 58.3333333333%; } .medium-margin-collapse > .large-8 { width: 66.6666666667%; } .medium-margin-collapse > .large-9 { width: 75%; } .medium-margin-collapse > .large-10 { width: 83.3333333333%; } .medium-margin-collapse > .large-11 { width: 91.6666666667%; } .medium-margin-collapse > .large-12 { width: 100%; } } @media screen and (min-width: 75em) { .medium-margin-collapse > .xlarge-1 { width: 8.3333333333%; } .medium-margin-collapse > .xlarge-2 { width: 16.6666666667%; } .medium-margin-collapse > .xlarge-3 { width: 25%; } .medium-margin-collapse > .xlarge-4 { width: 33.3333333333%; } .medium-margin-collapse > .xlarge-5 { width: 41.6666666667%; } .medium-margin-collapse > .xlarge-6 { width: 50%; } .medium-margin-collapse > .xlarge-7 { width: 58.3333333333%; } .medium-margin-collapse > .xlarge-8 { width: 66.6666666667%; } .medium-margin-collapse > .xlarge-9 { width: 75%; } .medium-margin-collapse > .xlarge-10 { width: 83.3333333333%; } .medium-margin-collapse > .xlarge-11 { width: 91.6666666667%; } .medium-margin-collapse > .xlarge-12 { width: 100%; } } @media print, screen and (min-width: 40em) { .medium-padding-collapse { margin-right: 0; margin-left: 0; } .medium-padding-collapse > .cell { padding-right: 0; padding-left: 0; } } @media print, screen and (min-width: 64em) { .large-margin-collapse { margin-right: 0; margin-left: 0; } .large-margin-collapse > .cell { margin-right: 0; margin-left: 0; } } @media print, screen and (min-width: 64em) { .large-margin-collapse > .small-1 { width: 8.3333333333%; } .large-margin-collapse > .small-2 { width: 16.6666666667%; } .large-margin-collapse > .small-3 { width: 25%; } .large-margin-collapse > .small-4 { width: 33.3333333333%; } .large-margin-collapse > .small-5 { width: 41.6666666667%; } .large-margin-collapse > .small-6 { width: 50%; } .large-margin-collapse > .small-7 { width: 58.3333333333%; } .large-margin-collapse > .small-8 { width: 66.6666666667%; } .large-margin-collapse > .small-9 { width: 75%; } .large-margin-collapse > .small-10 { width: 83.3333333333%; } .large-margin-collapse > .small-11 { width: 91.6666666667%; } .large-margin-collapse > .small-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .large-margin-collapse > .medium-1 { width: 8.3333333333%; } .large-margin-collapse > .medium-2 { width: 16.6666666667%; } .large-margin-collapse > .medium-3 { width: 25%; } .large-margin-collapse > .medium-4 { width: 33.3333333333%; } .large-margin-collapse > .medium-5 { width: 41.6666666667%; } .large-margin-collapse > .medium-6 { width: 50%; } .large-margin-collapse > .medium-7 { width: 58.3333333333%; } .large-margin-collapse > .medium-8 { width: 66.6666666667%; } .large-margin-collapse > .medium-9 { width: 75%; } .large-margin-collapse > .medium-10 { width: 83.3333333333%; } .large-margin-collapse > .medium-11 { width: 91.6666666667%; } .large-margin-collapse > .medium-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .large-margin-collapse > .large-1 { width: 8.3333333333%; } .large-margin-collapse > .large-2 { width: 16.6666666667%; } .large-margin-collapse > .large-3 { width: 25%; } .large-margin-collapse > .large-4 { width: 33.3333333333%; } .large-margin-collapse > .large-5 { width: 41.6666666667%; } .large-margin-collapse > .large-6 { width: 50%; } .large-margin-collapse > .large-7 { width: 58.3333333333%; } .large-margin-collapse > .large-8 { width: 66.6666666667%; } .large-margin-collapse > .large-9 { width: 75%; } .large-margin-collapse > .large-10 { width: 83.3333333333%; } .large-margin-collapse > .large-11 { width: 91.6666666667%; } .large-margin-collapse > .large-12 { width: 100%; } } @media screen and (min-width: 75em) { .large-margin-collapse > .xlarge-1 { width: 8.3333333333%; } .large-margin-collapse > .xlarge-2 { width: 16.6666666667%; } .large-margin-collapse > .xlarge-3 { width: 25%; } .large-margin-collapse > .xlarge-4 { width: 33.3333333333%; } .large-margin-collapse > .xlarge-5 { width: 41.6666666667%; } .large-margin-collapse > .xlarge-6 { width: 50%; } .large-margin-collapse > .xlarge-7 { width: 58.3333333333%; } .large-margin-collapse > .xlarge-8 { width: 66.6666666667%; } .large-margin-collapse > .xlarge-9 { width: 75%; } .large-margin-collapse > .xlarge-10 { width: 83.3333333333%; } .large-margin-collapse > .xlarge-11 { width: 91.6666666667%; } .large-margin-collapse > .xlarge-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .large-padding-collapse { margin-right: 0; margin-left: 0; } .large-padding-collapse > .cell { padding-right: 0; padding-left: 0; } } @media screen and (min-width: 75em) { .xlarge-margin-collapse { margin-right: 0; margin-left: 0; } .xlarge-margin-collapse > .cell { margin-right: 0; margin-left: 0; } } @media screen and (min-width: 75em) { .xlarge-margin-collapse > .small-1 { width: 8.3333333333%; } .xlarge-margin-collapse > .small-2 { width: 16.6666666667%; } .xlarge-margin-collapse > .small-3 { width: 25%; } .xlarge-margin-collapse > .small-4 { width: 33.3333333333%; } .xlarge-margin-collapse > .small-5 { width: 41.6666666667%; } .xlarge-margin-collapse > .small-6 { width: 50%; } .xlarge-margin-collapse > .small-7 { width: 58.3333333333%; } .xlarge-margin-collapse > .small-8 { width: 66.6666666667%; } .xlarge-margin-collapse > .small-9 { width: 75%; } .xlarge-margin-collapse > .small-10 { width: 83.3333333333%; } .xlarge-margin-collapse > .small-11 { width: 91.6666666667%; } .xlarge-margin-collapse > .small-12 { width: 100%; } } @media screen and (min-width: 75em) { .xlarge-margin-collapse > .medium-1 { width: 8.3333333333%; } .xlarge-margin-collapse > .medium-2 { width: 16.6666666667%; } .xlarge-margin-collapse > .medium-3 { width: 25%; } .xlarge-margin-collapse > .medium-4 { width: 33.3333333333%; } .xlarge-margin-collapse > .medium-5 { width: 41.6666666667%; } .xlarge-margin-collapse > .medium-6 { width: 50%; } .xlarge-margin-collapse > .medium-7 { width: 58.3333333333%; } .xlarge-margin-collapse > .medium-8 { width: 66.6666666667%; } .xlarge-margin-collapse > .medium-9 { width: 75%; } .xlarge-margin-collapse > .medium-10 { width: 83.3333333333%; } .xlarge-margin-collapse > .medium-11 { width: 91.6666666667%; } .xlarge-margin-collapse > .medium-12 { width: 100%; } } @media screen and (min-width: 75em) { .xlarge-margin-collapse > .large-1 { width: 8.3333333333%; } .xlarge-margin-collapse > .large-2 { width: 16.6666666667%; } .xlarge-margin-collapse > .large-3 { width: 25%; } .xlarge-margin-collapse > .large-4 { width: 33.3333333333%; } .xlarge-margin-collapse > .large-5 { width: 41.6666666667%; } .xlarge-margin-collapse > .large-6 { width: 50%; } .xlarge-margin-collapse > .large-7 { width: 58.3333333333%; } .xlarge-margin-collapse > .large-8 { width: 66.6666666667%; } .xlarge-margin-collapse > .large-9 { width: 75%; } .xlarge-margin-collapse > .large-10 { width: 83.3333333333%; } .xlarge-margin-collapse > .large-11 { width: 91.6666666667%; } .xlarge-margin-collapse > .large-12 { width: 100%; } } @media screen and (min-width: 75em) { .xlarge-margin-collapse > .xlarge-1 { width: 8.3333333333%; } .xlarge-margin-collapse > .xlarge-2 { width: 16.6666666667%; } .xlarge-margin-collapse > .xlarge-3 { width: 25%; } .xlarge-margin-collapse > .xlarge-4 { width: 33.3333333333%; } .xlarge-margin-collapse > .xlarge-5 { width: 41.6666666667%; } .xlarge-margin-collapse > .xlarge-6 { width: 50%; } .xlarge-margin-collapse > .xlarge-7 { width: 58.3333333333%; } .xlarge-margin-collapse > .xlarge-8 { width: 66.6666666667%; } .xlarge-margin-collapse > .xlarge-9 { width: 75%; } .xlarge-margin-collapse > .xlarge-10 { width: 83.3333333333%; } .xlarge-margin-collapse > .xlarge-11 { width: 91.6666666667%; } .xlarge-margin-collapse > .xlarge-12 { width: 100%; } } @media screen and (min-width: 75em) { .xlarge-padding-collapse { margin-right: 0; margin-left: 0; } .xlarge-padding-collapse > .cell { padding-right: 0; padding-left: 0; } } .small-offset-0 { margin-left: 0%; } .grid-margin-x > .small-offset-0 { margin-left: calc(0% + 0.625rem); } .small-offset-1 { margin-left: 8.3333333333%; } .grid-margin-x > .small-offset-1 { margin-left: calc(8.3333333333% + 0.625rem); } .small-offset-2 { margin-left: 16.6666666667%; } .grid-margin-x > .small-offset-2 { margin-left: calc(16.6666666667% + 0.625rem); } .small-offset-3 { margin-left: 25%; } .grid-margin-x > .small-offset-3 { margin-left: calc(25% + 0.625rem); } .small-offset-4 { margin-left: 33.3333333333%; } .grid-margin-x > .small-offset-4 { margin-left: calc(33.3333333333% + 0.625rem); } .small-offset-5 { margin-left: 41.6666666667%; } .grid-margin-x > .small-offset-5 { margin-left: calc(41.6666666667% + 0.625rem); } .small-offset-6 { margin-left: 50%; } .grid-margin-x > .small-offset-6 { margin-left: calc(50% + 0.625rem); } .small-offset-7 { margin-left: 58.3333333333%; } .grid-margin-x > .small-offset-7 { margin-left: calc(58.3333333333% + 0.625rem); } .small-offset-8 { margin-left: 66.6666666667%; } .grid-margin-x > .small-offset-8 { margin-left: calc(66.6666666667% + 0.625rem); } .small-offset-9 { margin-left: 75%; } .grid-margin-x > .small-offset-9 { margin-left: calc(75% + 0.625rem); } .small-offset-10 { margin-left: 83.3333333333%; } .grid-margin-x > .small-offset-10 { margin-left: calc(83.3333333333% + 0.625rem); } .small-offset-11 { margin-left: 91.6666666667%; } .grid-margin-x > .small-offset-11 { margin-left: calc(91.6666666667% + 0.625rem); } @media print, screen and (min-width: 40em) { .medium-offset-0 { margin-left: 0%; } .grid-margin-x > .medium-offset-0 { margin-left: calc(0% + 0.9375rem); } .medium-offset-1 { margin-left: 8.3333333333%; } .grid-margin-x > .medium-offset-1 { margin-left: calc(8.3333333333% + 0.9375rem); } .medium-offset-2 { margin-left: 16.6666666667%; } .grid-margin-x > .medium-offset-2 { margin-left: calc(16.6666666667% + 0.9375rem); } .medium-offset-3 { margin-left: 25%; } .grid-margin-x > .medium-offset-3 { margin-left: calc(25% + 0.9375rem); } .medium-offset-4 { margin-left: 33.3333333333%; } .grid-margin-x > .medium-offset-4 { margin-left: calc(33.3333333333% + 0.9375rem); } .medium-offset-5 { margin-left: 41.6666666667%; } .grid-margin-x > .medium-offset-5 { margin-left: calc(41.6666666667% + 0.9375rem); } .medium-offset-6 { margin-left: 50%; } .grid-margin-x > .medium-offset-6 { margin-left: calc(50% + 0.9375rem); } .medium-offset-7 { margin-left: 58.3333333333%; } .grid-margin-x > .medium-offset-7 { margin-left: calc(58.3333333333% + 0.9375rem); } .medium-offset-8 { margin-left: 66.6666666667%; } .grid-margin-x > .medium-offset-8 { margin-left: calc(66.6666666667% + 0.9375rem); } .medium-offset-9 { margin-left: 75%; } .grid-margin-x > .medium-offset-9 { margin-left: calc(75% + 0.9375rem); } .medium-offset-10 { margin-left: 83.3333333333%; } .grid-margin-x > .medium-offset-10 { margin-left: calc(83.3333333333% + 0.9375rem); } .medium-offset-11 { margin-left: 91.6666666667%; } .grid-margin-x > .medium-offset-11 { margin-left: calc(91.6666666667% + 0.9375rem); } } @media print, screen and (min-width: 64em) { .large-offset-0 { margin-left: 0%; } .grid-margin-x > .large-offset-0 { margin-left: calc(0% + 0.9375rem); } .large-offset-1 { margin-left: 8.3333333333%; } .grid-margin-x > .large-offset-1 { margin-left: calc(8.3333333333% + 0.9375rem); } .large-offset-2 { margin-left: 16.6666666667%; } .grid-margin-x > .large-offset-2 { margin-left: calc(16.6666666667% + 0.9375rem); } .large-offset-3 { margin-left: 25%; } .grid-margin-x > .large-offset-3 { margin-left: calc(25% + 0.9375rem); } .large-offset-4 { margin-left: 33.3333333333%; } .grid-margin-x > .large-offset-4 { margin-left: calc(33.3333333333% + 0.9375rem); } .large-offset-5 { margin-left: 41.6666666667%; } .grid-margin-x > .large-offset-5 { margin-left: calc(41.6666666667% + 0.9375rem); } .large-offset-6 { margin-left: 50%; } .grid-margin-x > .large-offset-6 { margin-left: calc(50% + 0.9375rem); } .large-offset-7 { margin-left: 58.3333333333%; } .grid-margin-x > .large-offset-7 { margin-left: calc(58.3333333333% + 0.9375rem); } .large-offset-8 { margin-left: 66.6666666667%; } .grid-margin-x > .large-offset-8 { margin-left: calc(66.6666666667% + 0.9375rem); } .large-offset-9 { margin-left: 75%; } .grid-margin-x > .large-offset-9 { margin-left: calc(75% + 0.9375rem); } .large-offset-10 { margin-left: 83.3333333333%; } .grid-margin-x > .large-offset-10 { margin-left: calc(83.3333333333% + 0.9375rem); } .large-offset-11 { margin-left: 91.6666666667%; } .grid-margin-x > .large-offset-11 { margin-left: calc(91.6666666667% + 0.9375rem); } } @media screen and (min-width: 75em) { .xlarge-offset-0 { margin-left: 0%; } .grid-margin-x > .xlarge-offset-0 { margin-left: calc(0% + 0.9375rem); } .xlarge-offset-1 { margin-left: 8.3333333333%; } .grid-margin-x > .xlarge-offset-1 { margin-left: calc(8.3333333333% + 0.9375rem); } .xlarge-offset-2 { margin-left: 16.6666666667%; } .grid-margin-x > .xlarge-offset-2 { margin-left: calc(16.6666666667% + 0.9375rem); } .xlarge-offset-3 { margin-left: 25%; } .grid-margin-x > .xlarge-offset-3 { margin-left: calc(25% + 0.9375rem); } .xlarge-offset-4 { margin-left: 33.3333333333%; } .grid-margin-x > .xlarge-offset-4 { margin-left: calc(33.3333333333% + 0.9375rem); } .xlarge-offset-5 { margin-left: 41.6666666667%; } .grid-margin-x > .xlarge-offset-5 { margin-left: calc(41.6666666667% + 0.9375rem); } .xlarge-offset-6 { margin-left: 50%; } .grid-margin-x > .xlarge-offset-6 { margin-left: calc(50% + 0.9375rem); } .xlarge-offset-7 { margin-left: 58.3333333333%; } .grid-margin-x > .xlarge-offset-7 { margin-left: calc(58.3333333333% + 0.9375rem); } .xlarge-offset-8 { margin-left: 66.6666666667%; } .grid-margin-x > .xlarge-offset-8 { margin-left: calc(66.6666666667% + 0.9375rem); } .xlarge-offset-9 { margin-left: 75%; } .grid-margin-x > .xlarge-offset-9 { margin-left: calc(75% + 0.9375rem); } .xlarge-offset-10 { margin-left: 83.3333333333%; } .grid-margin-x > .xlarge-offset-10 { margin-left: calc(83.3333333333% + 0.9375rem); } .xlarge-offset-11 { margin-left: 91.6666666667%; } .grid-margin-x > .xlarge-offset-11 { margin-left: calc(91.6666666667% + 0.9375rem); } } .grid-y { display: flex; flex-flow: column nowrap; } .grid-y > .cell { height: auto; max-height: none; } .grid-y > .auto { height: auto; } .grid-y > .shrink { height: auto; } .grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 { flex-basis: auto; } @media print, screen and (min-width: 40em) { .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 { flex-basis: auto; } } @media print, screen and (min-width: 64em) { .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 { flex-basis: auto; } } @media screen and (min-width: 75em) { .grid-y > .xlarge-shrink, .grid-y > .xlarge-full, .grid-y > .xlarge-1, .grid-y > .xlarge-2, .grid-y > .xlarge-3, .grid-y > .xlarge-4, .grid-y > .xlarge-5, .grid-y > .xlarge-6, .grid-y > .xlarge-7, .grid-y > .xlarge-8, .grid-y > .xlarge-9, .grid-y > .xlarge-10, .grid-y > .xlarge-11, .grid-y > .xlarge-12 { flex-basis: auto; } } .grid-y > .small-12, .grid-y > .small-11, .grid-y > .small-10, .grid-y > .small-9, .grid-y > .small-8, .grid-y > .small-7, .grid-y > .small-6, .grid-y > .small-5, .grid-y > .small-4, .grid-y > .small-3, .grid-y > .small-2, .grid-y > .small-1 { flex: 0 0 auto; } .grid-y > .small-1 { height: 8.3333333333%; } .grid-y > .small-2 { height: 16.6666666667%; } .grid-y > .small-3 { height: 25%; } .grid-y > .small-4 { height: 33.3333333333%; } .grid-y > .small-5 { height: 41.6666666667%; } .grid-y > .small-6 { height: 50%; } .grid-y > .small-7 { height: 58.3333333333%; } .grid-y > .small-8 { height: 66.6666666667%; } .grid-y > .small-9 { height: 75%; } .grid-y > .small-10 { height: 83.3333333333%; } .grid-y > .small-11 { height: 91.6666666667%; } .grid-y > .small-12 { height: 100%; } @media print, screen and (min-width: 40em) { .grid-y > .medium-auto { flex: 1 1 0px; height: auto; } .grid-y > .medium-12, .grid-y > .medium-11, .grid-y > .medium-10, .grid-y > .medium-9, .grid-y > .medium-8, .grid-y > .medium-7, .grid-y > .medium-6, .grid-y > .medium-5, .grid-y > .medium-4, .grid-y > .medium-3, .grid-y > .medium-2, .grid-y > .medium-1, .grid-y > .medium-shrink { flex: 0 0 auto; } .grid-y > .medium-shrink { height: auto; } .grid-y > .medium-1 { height: 8.3333333333%; } .grid-y > .medium-2 { height: 16.6666666667%; } .grid-y > .medium-3 { height: 25%; } .grid-y > .medium-4 { height: 33.3333333333%; } .grid-y > .medium-5 { height: 41.6666666667%; } .grid-y > .medium-6 { height: 50%; } .grid-y > .medium-7 { height: 58.3333333333%; } .grid-y > .medium-8 { height: 66.6666666667%; } .grid-y > .medium-9 { height: 75%; } .grid-y > .medium-10 { height: 83.3333333333%; } .grid-y > .medium-11 { height: 91.6666666667%; } .grid-y > .medium-12 { height: 100%; } } @media print, screen and (min-width: 64em) { .grid-y > .large-auto { flex: 1 1 0px; height: auto; } .grid-y > .large-12, .grid-y > .large-11, .grid-y > .large-10, .grid-y > .large-9, .grid-y > .large-8, .grid-y > .large-7, .grid-y > .large-6, .grid-y > .large-5, .grid-y > .large-4, .grid-y > .large-3, .grid-y > .large-2, .grid-y > .large-1, .grid-y > .large-shrink { flex: 0 0 auto; } .grid-y > .large-shrink { height: auto; } .grid-y > .large-1 { height: 8.3333333333%; } .grid-y > .large-2 { height: 16.6666666667%; } .grid-y > .large-3 { height: 25%; } .grid-y > .large-4 { height: 33.3333333333%; } .grid-y > .large-5 { height: 41.6666666667%; } .grid-y > .large-6 { height: 50%; } .grid-y > .large-7 { height: 58.3333333333%; } .grid-y > .large-8 { height: 66.6666666667%; } .grid-y > .large-9 { height: 75%; } .grid-y > .large-10 { height: 83.3333333333%; } .grid-y > .large-11 { height: 91.6666666667%; } .grid-y > .large-12 { height: 100%; } } @media screen and (min-width: 75em) { .grid-y > .xlarge-auto { flex: 1 1 0px; height: auto; } .grid-y > .xlarge-12, .grid-y > .xlarge-11, .grid-y > .xlarge-10, .grid-y > .xlarge-9, .grid-y > .xlarge-8, .grid-y > .xlarge-7, .grid-y > .xlarge-6, .grid-y > .xlarge-5, .grid-y > .xlarge-4, .grid-y > .xlarge-3, .grid-y > .xlarge-2, .grid-y > .xlarge-1, .grid-y > .xlarge-shrink { flex: 0 0 auto; } .grid-y > .xlarge-shrink { height: auto; } .grid-y > .xlarge-1 { height: 8.3333333333%; } .grid-y > .xlarge-2 { height: 16.6666666667%; } .grid-y > .xlarge-3 { height: 25%; } .grid-y > .xlarge-4 { height: 33.3333333333%; } .grid-y > .xlarge-5 { height: 41.6666666667%; } .grid-y > .xlarge-6 { height: 50%; } .grid-y > .xlarge-7 { height: 58.3333333333%; } .grid-y > .xlarge-8 { height: 66.6666666667%; } .grid-y > .xlarge-9 { height: 75%; } .grid-y > .xlarge-10 { height: 83.3333333333%; } .grid-y > .xlarge-11 { height: 91.6666666667%; } .grid-y > .xlarge-12 { height: 100%; } } .grid-padding-y .grid-padding-y { margin-top: -0.625rem; margin-bottom: -0.625rem; } @media print, screen and (min-width: 40em) { .grid-padding-y .grid-padding-y { margin-top: -0.9375rem; margin-bottom: -0.9375rem; } } .grid-padding-y > .cell { padding-top: 0.625rem; padding-bottom: 0.625rem; } @media print, screen and (min-width: 40em) { .grid-padding-y > .cell { padding-top: 0.9375rem; padding-bottom: 0.9375rem; } } .grid-margin-y { margin-top: -0.625rem; margin-bottom: -0.625rem; } @media print, screen and (min-width: 40em) { .grid-margin-y { margin-top: -0.9375rem; margin-bottom: -0.9375rem; } } .grid-margin-y > .cell { height: calc(100% - 1.25rem); margin-top: 0.625rem; margin-bottom: 0.625rem; } @media print, screen and (min-width: 40em) { .grid-margin-y > .cell { height: calc(100% - 1.875rem); margin-top: 0.9375rem; margin-bottom: 0.9375rem; } } .grid-margin-y > .auto { height: auto; } .grid-margin-y > .shrink { height: auto; } .grid-margin-y > .small-1 { height: calc(8.3333333333% - 1.25rem); } .grid-margin-y > .small-2 { height: calc(16.6666666667% - 1.25rem); } .grid-margin-y > .small-3 { height: calc(25% - 1.25rem); } .grid-margin-y > .small-4 { height: calc(33.3333333333% - 1.25rem); } .grid-margin-y > .small-5 { height: calc(41.6666666667% - 1.25rem); } .grid-margin-y > .small-6 { height: calc(50% - 1.25rem); } .grid-margin-y > .small-7 { height: calc(58.3333333333% - 1.25rem); } .grid-margin-y > .small-8 { height: calc(66.6666666667% - 1.25rem); } .grid-margin-y > .small-9 { height: calc(75% - 1.25rem); } .grid-margin-y > .small-10 { height: calc(83.3333333333% - 1.25rem); } .grid-margin-y > .small-11 { height: calc(91.6666666667% - 1.25rem); } .grid-margin-y > .small-12 { height: calc(100% - 1.25rem); } @media print, screen and (min-width: 40em) { .grid-margin-y > .auto { height: auto; } .grid-margin-y > .shrink { height: auto; } .grid-margin-y > .small-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .small-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .small-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .small-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .small-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .small-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .small-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .small-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .small-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .small-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .small-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .small-12 { height: calc(100% - 1.875rem); } .grid-margin-y > .medium-auto { height: auto; } .grid-margin-y > .medium-shrink { height: auto; } .grid-margin-y > .medium-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .medium-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .medium-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .medium-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .medium-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .medium-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .medium-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .medium-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .medium-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .medium-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .medium-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .medium-12 { height: calc(100% - 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-margin-y > .large-auto { height: auto; } .grid-margin-y > .large-shrink { height: auto; } .grid-margin-y > .large-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .large-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .large-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .large-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .large-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .large-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .large-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .large-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .large-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .large-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .large-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .large-12 { height: calc(100% - 1.875rem); } } @media screen and (min-width: 75em) { .grid-margin-y > .xlarge-auto { height: auto; } .grid-margin-y > .xlarge-shrink { height: auto; } .grid-margin-y > .xlarge-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .xlarge-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .xlarge-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .xlarge-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .xlarge-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .xlarge-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .xlarge-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .xlarge-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .xlarge-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .xlarge-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .xlarge-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .xlarge-12 { height: calc(100% - 1.875rem); } } .grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; width: 100vw; } .cell .grid-frame { width: 100%; } .cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .cell-block-y { overflow-y: auto; max-height: 100%; min-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .cell-block-container { display: flex; flex-direction: column; max-height: 100%; } .cell-block-container > .grid-x { max-height: 100%; flex-wrap: nowrap; } @media print, screen and (min-width: 40em) { .medium-grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; width: 100vw; } .cell .medium-grid-frame { width: 100%; } .medium-cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .medium-cell-block-container { display: flex; flex-direction: column; max-height: 100%; } .medium-cell-block-container > .grid-x { max-height: 100%; flex-wrap: nowrap; } .medium-cell-block-y { overflow-y: auto; max-height: 100%; min-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media print, screen and (min-width: 64em) { .large-grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; width: 100vw; } .cell .large-grid-frame { width: 100%; } .large-cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .large-cell-block-container { display: flex; flex-direction: column; max-height: 100%; } .large-cell-block-container > .grid-x { max-height: 100%; flex-wrap: nowrap; } .large-cell-block-y { overflow-y: auto; max-height: 100%; min-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media screen and (min-width: 75em) { .xlarge-grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; width: 100vw; } .cell .xlarge-grid-frame { width: 100%; } .xlarge-cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .xlarge-cell-block-container { display: flex; flex-direction: column; max-height: 100%; } .xlarge-cell-block-container > .grid-x { max-height: 100%; flex-wrap: nowrap; } .xlarge-cell-block-y { overflow-y: auto; max-height: 100%; min-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } .grid-y.grid-frame { width: auto; overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; height: 100vh; } @media print, screen and (min-width: 40em) { .grid-y.medium-grid-frame { width: auto; overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; height: 100vh; } } @media print, screen and (min-width: 64em) { .grid-y.large-grid-frame { width: auto; overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; height: 100vh; } } @media screen and (min-width: 75em) { .grid-y.xlarge-grid-frame { width: auto; overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; height: 100vh; } } .cell .grid-y.grid-frame { height: 100%; } @media print, screen and (min-width: 40em) { .cell .grid-y.medium-grid-frame { height: 100%; } } @media print, screen and (min-width: 64em) { .cell .grid-y.large-grid-frame { height: 100%; } } @media screen and (min-width: 75em) { .cell .grid-y.xlarge-grid-frame { height: 100%; } } .grid-margin-y { margin-top: -0.625rem; margin-bottom: -0.625rem; } @media print, screen and (min-width: 40em) { .grid-margin-y { margin-top: -0.9375rem; margin-bottom: -0.9375rem; } } .grid-margin-y > .cell { height: calc(100% - 1.25rem); margin-top: 0.625rem; margin-bottom: 0.625rem; } @media print, screen and (min-width: 40em) { .grid-margin-y > .cell { height: calc(100% - 1.875rem); margin-top: 0.9375rem; margin-bottom: 0.9375rem; } } .grid-margin-y > .auto { height: auto; } .grid-margin-y > .shrink { height: auto; } .grid-margin-y > .small-1 { height: calc(8.3333333333% - 1.25rem); } .grid-margin-y > .small-2 { height: calc(16.6666666667% - 1.25rem); } .grid-margin-y > .small-3 { height: calc(25% - 1.25rem); } .grid-margin-y > .small-4 { height: calc(33.3333333333% - 1.25rem); } .grid-margin-y > .small-5 { height: calc(41.6666666667% - 1.25rem); } .grid-margin-y > .small-6 { height: calc(50% - 1.25rem); } .grid-margin-y > .small-7 { height: calc(58.3333333333% - 1.25rem); } .grid-margin-y > .small-8 { height: calc(66.6666666667% - 1.25rem); } .grid-margin-y > .small-9 { height: calc(75% - 1.25rem); } .grid-margin-y > .small-10 { height: calc(83.3333333333% - 1.25rem); } .grid-margin-y > .small-11 { height: calc(91.6666666667% - 1.25rem); } .grid-margin-y > .small-12 { height: calc(100% - 1.25rem); } @media print, screen and (min-width: 40em) { .grid-margin-y > .auto { height: auto; } .grid-margin-y > .shrink { height: auto; } .grid-margin-y > .small-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .small-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .small-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .small-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .small-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .small-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .small-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .small-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .small-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .small-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .small-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .small-12 { height: calc(100% - 1.875rem); } .grid-margin-y > .medium-auto { height: auto; } .grid-margin-y > .medium-shrink { height: auto; } .grid-margin-y > .medium-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .medium-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .medium-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .medium-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .medium-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .medium-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .medium-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .medium-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .medium-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .medium-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .medium-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .medium-12 { height: calc(100% - 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-margin-y > .large-auto { height: auto; } .grid-margin-y > .large-shrink { height: auto; } .grid-margin-y > .large-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .large-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .large-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .large-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .large-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .large-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .large-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .large-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .large-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .large-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .large-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .large-12 { height: calc(100% - 1.875rem); } } @media screen and (min-width: 75em) { .grid-margin-y > .xlarge-auto { height: auto; } .grid-margin-y > .xlarge-shrink { height: auto; } .grid-margin-y > .xlarge-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .xlarge-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .xlarge-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .xlarge-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .xlarge-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .xlarge-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .xlarge-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .xlarge-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .xlarge-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .xlarge-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .xlarge-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .xlarge-12 { height: calc(100% - 1.875rem); } } .grid-frame.grid-margin-y { height: calc(100vh + 1.25rem); } @media print, screen and (min-width: 40em) { .grid-frame.grid-margin-y { height: calc(100vh + 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-frame.grid-margin-y { height: calc(100vh + 1.875rem); } } @media screen and (min-width: 75em) { .grid-frame.grid-margin-y { height: calc(100vh + 1.875rem); } } @media print, screen and (min-width: 40em) { .grid-margin-y.medium-grid-frame { height: calc(100vh + 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-margin-y.large-grid-frame { height: calc(100vh + 1.875rem); } } @media screen and (min-width: 75em) { .grid-margin-y.xlarge-grid-frame { height: calc(100vh + 1.875rem); } } div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; } p { margin-bottom: 1rem; font-size: inherit; line-height: 1.6; text-rendering: optimizeLegibility; } em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 80%; line-height: inherit; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: "bebas", Helvetica, sans-serif; font-style: normal; font-weight: normal; color: inherit; text-rendering: optimizeLegibility; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small { line-height: 0; color: #cacaca; } h1, .h1 { font-size: 1.5rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h2, .h2 { font-size: 1.25rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h3, .h3 { font-size: 1.1875rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h4, .h4 { font-size: 1.125rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h5, .h5 { font-size: 1.0625rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } h6, .h6 { font-size: 1rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; } @media print, screen and (min-width: 40em) { h1, .h1 { font-size: 3rem; } h2, .h2 { font-size: 2.5rem; } h3, .h3 { font-size: 1.9375rem; } h4, .h4 { font-size: 1.5625rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } } a { line-height: inherit; color: #3DF2FB; text-decoration: none; cursor: pointer; } a:hover, a:focus { color: #12effa; } a img { border: 0; } hr { clear: both; max-width: 90rem; height: 0; margin: 1.25rem auto; border-top: 0; border-right: 0; border-bottom: 1px solid #cacaca; border-left: 0; } ul, ol, dl { margin-bottom: 1rem; list-style-position: outside; line-height: 1.6; } li { font-size: inherit; } ul { margin-left: 1.25rem; list-style-type: disc; } ol { margin-left: 1.25rem; } ul ul, ul ol, ol ul, ol ol { margin-left: 1.25rem; margin-bottom: 0; } dl { margin-bottom: 1rem; } dl dt { margin-bottom: 0.3rem; font-weight: bold; } blockquote { margin: 0 0 1rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #cacaca; } blockquote, blockquote p { line-height: 1.6; color: #7C7C7C; } abbr, abbr[title] { border-bottom: 1px dotted #0a0a0a; cursor: help; text-decoration: none; } figure { margin: 0; } kbd { margin: 0; padding: 0.125rem 0.25rem 0; background-color: #e6e6e6; font-family: Consolas, "Liberation Mono", Courier, monospace; color: #0a0a0a; } .subheader { margin-top: 0.2rem; margin-bottom: 0.5rem; font-weight: normal; line-height: 1.4; color: #7C7C7C; } .lead { font-size: 125%; line-height: 1.6; } .stat { font-size: 2.5rem; line-height: 1; } p + .stat { margin-top: -1rem; } ul.no-bullet, ol.no-bullet { margin-left: 0; list-style: none; } .cite-block, cite { display: block; color: #7C7C7C; font-size: 0.8125rem; } .cite-block:before, cite:before { content: "\2014 "; } .code-inline, code { border: 1px solid #cacaca; background-color: #e6e6e6; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #0a0a0a; display: inline; max-width: 100%; word-wrap: break-word; padding: 0.125rem 0.3125rem 0.0625rem; } .code-block { border: 1px solid #cacaca; background-color: #e6e6e6; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #0a0a0a; display: block; overflow: auto; white-space: pre; padding: 1rem; margin-bottom: 1.5rem; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } @media print, screen and (min-width: 40em) { .medium-text-left { text-align: left; } .medium-text-right { text-align: right; } .medium-text-center { text-align: center; } .medium-text-justify { text-align: justify; } } @media print, screen and (min-width: 64em) { .large-text-left { text-align: left; } .large-text-right { text-align: right; } .large-text-center { text-align: center; } .large-text-justify { text-align: justify; } } @media screen and (min-width: 75em) { .xlarge-text-left { text-align: left; } .xlarge-text-right { text-align: right; } .xlarge-text-center { text-align: center; } .xlarge-text-justify { text-align: justify; } } .show-for-print { display: none !important; } @media print { * { background: transparent !important; color: black !important; -webkit-print-color-adjust: economy; color-adjust: economy; box-shadow: none !important; text-shadow: none !important; } .show-for-print { display: block !important; } .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; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } abbr[title]:after { content: " (" attr(title) ")"; } pre, blockquote { border: 1px solid #7C7C7C; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .print-break-inside { page-break-inside: auto; } } [type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], textarea { display: block; box-sizing: border-box; width: 100%; height: 2.4375rem; margin: 0 0 1rem; padding: 0.5rem; border: 1px solid #cacaca; border-radius: 0; background-color: #fefefe; box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); font-family: inherit; font-size: 1rem; font-weight: normal; line-height: 1.5; color: #0a0a0a; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; } [type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus, textarea:focus { outline: none; border: 1px solid #7C7C7C; background-color: #fefefe; box-shadow: 0 0 5px #cacaca; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } textarea { max-width: 100%; } textarea[rows] { height: auto; } input:disabled, input[readonly], textarea:disabled, textarea[readonly] { background-color: #e6e6e6; cursor: not-allowed; } [type=submit], [type=button] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; } input[type=search] { box-sizing: border-box; } ::-moz-placeholder { color: #cacaca; } ::placeholder { color: #cacaca; } [type=file], [type=checkbox], [type=radio] { margin: 0 0 1rem; } [type=checkbox] + label, [type=radio] + label { display: inline-block; vertical-align: baseline; margin-left: 0.5rem; margin-right: 1rem; margin-bottom: 0; } [type=checkbox] + label[for], [type=radio] + label[for] { cursor: pointer; } label > [type=checkbox], label > [type=radio] { margin-right: 0.5rem; } [type=file] { width: 100%; } label { display: block; margin: 0; font-size: 0.875rem; font-weight: normal; line-height: 1.8; color: #0a0a0a; } label.middle { margin: 0 0 1rem; padding: 0.5625rem 0; } .help-text { margin-top: -0.5rem; font-size: 0.8125rem; font-style: italic; color: #0a0a0a; } .input-group { display: flex; width: 100%; margin-bottom: 1rem; align-items: stretch; } .input-group > :first-child, .input-group > :first-child.input-group-button > * { border-radius: 0 0 0 0; } .input-group > :last-child, .input-group > :last-child.input-group-button > * { border-radius: 0 0 0 0; } .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label, .input-group-button, .input-group-field, .input-group-label { margin: 0; white-space: nowrap; } .input-group-label { padding: 0 1rem; border: 1px solid #cacaca; background: #e6e6e6; color: #0a0a0a; text-align: center; white-space: nowrap; display: flex; flex: 0 0 auto; align-items: center; } .input-group-label:first-child { border-right: 0; } .input-group-label:last-child { border-left: 0; } .input-group-field { border-radius: 0; flex: 1 1 0px; min-width: 0; } .input-group-button { padding-top: 0; padding-bottom: 0; text-align: center; display: flex; flex: 0 0 auto; } .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label { align-self: stretch; height: auto; padding-top: 0; padding-bottom: 0; font-size: 1rem; } fieldset { margin: 0; padding: 0; border: 0; } legend { max-width: 100%; margin-bottom: 0.5rem; } .fieldset { margin: 1.125rem 0; padding: 1.25rem; border: 1px solid #cacaca; } .fieldset legend { margin: 0; margin-left: -0.1875rem; padding: 0 0.1875rem; } select { height: 2.4375rem; margin: 0 0 1rem; padding: 0.5rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #cacaca; border-radius: 0; background-color: #fefefe; font-family: inherit; font-size: 1rem; font-weight: normal; line-height: 1.5; color: #0a0a0a; background-image: url("data:image/svg+xml;utf8,"); background-origin: content-box; background-position: right -1rem center; background-repeat: no-repeat; background-size: 9px 6px; padding-right: 1.5rem; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } @media screen and (min-width: 0\0 ) { select { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } } select:focus { outline: none; border: 1px solid #7C7C7C; background-color: #fefefe; box-shadow: 0 0 5px #cacaca; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } select:disabled { background-color: #e6e6e6; cursor: not-allowed; } select::-ms-expand { display: none; } select[multiple] { height: auto; background-image: none; } select:not([multiple]) { padding-top: 0; padding-bottom: 0; } .is-invalid-input:not(:focus) { border-color: #D0021B; background-color: #f9e5e7; } .is-invalid-input:not(:focus)::-moz-placeholder { color: #D0021B; } .is-invalid-input:not(:focus)::placeholder { color: #D0021B; } .is-invalid-label { color: #D0021B; } .form-error { display: none; margin-top: -0.5rem; margin-bottom: 1rem; font-size: 0.75rem; font-weight: bold; color: #D0021B; } .form-error.is-visible { display: block; } .button { display: inline-block; vertical-align: middle; margin: 0 0 1rem 0; padding: 0.85em 1em; border: 1px solid transparent; border-radius: 0; transition: background-color 0.25s ease-out, color 0.25s ease-out; font-family: inherit; font-size: 0.9rem; -webkit-appearance: none; line-height: 1; text-align: center; cursor: pointer; } [data-whatinput=mouse] .button { outline: 0; } .button.tiny { font-size: 0.6rem; } .button.small { font-size: 0.75rem; } .button.large { font-size: 1.25rem; } .button.expanded { display: block; width: 100%; margin-right: 0; margin-left: 0; } .button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus { background-color: #3DF2FB; color: #fefefe; } .button:hover, .button:focus { background-color: #0feffa; color: #fefefe; } .button.primary, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus { background-color: #3DF2FB; color: #0a0a0a; } .button.primary:hover, .button.primary:focus { background-color: #05e9f5; color: #0a0a0a; } .button.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus { background-color: #400843; color: #fefefe; } .button.secondary:hover, .button.secondary:focus { background-color: #330636; color: #fefefe; } .button.third, .button.third.disabled, .button.third[disabled], .button.third.disabled:hover, .button.third[disabled]:hover, .button.third.disabled:focus, .button.third[disabled]:focus { background-color: #EA148C; color: #0a0a0a; } .button.third:hover, .button.third:focus { background-color: #bb1070; color: #0a0a0a; } .button.dance, .button.dance.disabled, .button.dance[disabled], .button.dance.disabled:hover, .button.dance[disabled]:hover, .button.dance.disabled:focus, .button.dance[disabled]:focus { background-color: #FABE2C; color: #0a0a0a; } .button.dance:hover, .button.dance:focus { background-color: #e6a405; color: #0a0a0a; } .button.foot, .button.foot.disabled, .button.foot[disabled], .button.foot.disabled:hover, .button.foot[disabled]:hover, .button.foot.disabled:focus, .button.foot[disabled]:focus { background-color: #3AF38B; color: #0a0a0a; } .button.foot:hover, .button.foot:focus { background-color: #0ee36b; color: #0a0a0a; } .button.crea, .button.crea.disabled, .button.crea[disabled], .button.crea.disabled:hover, .button.crea[disabled]:hover, .button.crea.disabled:focus, .button.crea[disabled]:focus { background-color: #fa1c61; color: #0a0a0a; } .button.crea:hover, .button.crea:focus { background-color: #da0547; color: #0a0a0a; } .button.move, .button.move.disabled, .button.move[disabled], .button.move.disabled:hover, .button.move[disabled]:hover, .button.move.disabled:focus, .button.move[disabled]:focus { background-color: #fa1c61; color: #0a0a0a; } .button.move:hover, .button.move:focus { background-color: #da0547; color: #0a0a0a; } .button.tennis, .button.tennis.disabled, .button.tennis[disabled], .button.tennis.disabled:hover, .button.tennis[disabled]:hover, .button.tennis.disabled:focus, .button.tennis[disabled]:focus { background-color: #f0f85c; color: #0a0a0a; } .button.tennis:hover, .button.tennis:focus { background-color: #eaf51b; color: #0a0a0a; } .button.success, .button.success.disabled, .button.success[disabled], .button.success.disabled:hover, .button.success[disabled]:hover, .button.success.disabled:focus, .button.success[disabled]:focus { background-color: #3adb76; color: #0a0a0a; } .button.success:hover, .button.success:focus { background-color: #22bb5b; color: #0a0a0a; } .button.warning, .button.warning.disabled, .button.warning[disabled], .button.warning.disabled:hover, .button.warning[disabled]:hover, .button.warning.disabled:focus, .button.warning[disabled]:focus { background-color: #ffae00; color: #0a0a0a; } .button.warning:hover, .button.warning:focus { background-color: #cc8b00; color: #0a0a0a; } .button.alert, .button.alert.disabled, .button.alert[disabled], .button.alert.disabled:hover, .button.alert[disabled]:hover, .button.alert.disabled:focus, .button.alert[disabled]:focus { background-color: #D0021B; color: #fefefe; } .button.alert:hover, .button.alert:focus { background-color: #a60216; color: #fefefe; } .button.hollow, .button.hollow:hover, .button.hollow:focus, .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus { background-color: transparent; } .button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus { border: 1px solid #3DF2FB; color: #3DF2FB; } .button.hollow:hover, .button.hollow:focus { border-color: #039299; color: #039299; } .button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus { border: 1px solid #3DF2FB; color: #3DF2FB; } .button.hollow.primary:hover, .button.hollow.primary:focus { border-color: #039299; color: #039299; } .button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus { border: 1px solid #400843; color: #400843; } .button.hollow.secondary:hover, .button.hollow.secondary:focus { border-color: #200422; color: #200422; } .button.hollow.third, .button.hollow.third.disabled, .button.hollow.third[disabled], .button.hollow.third.disabled:hover, .button.hollow.third[disabled]:hover, .button.hollow.third.disabled:focus, .button.hollow.third[disabled]:focus { border: 1px solid #EA148C; color: #EA148C; } .button.hollow.third:hover, .button.hollow.third:focus { border-color: #750a46; color: #750a46; } .button.hollow.dance, .button.hollow.dance.disabled, .button.hollow.dance[disabled], .button.hollow.dance.disabled:hover, .button.hollow.dance[disabled]:hover, .button.hollow.dance.disabled:focus, .button.hollow.dance[disabled]:focus { border: 1px solid #FABE2C; color: #FABE2C; } .button.hollow.dance:hover, .button.hollow.dance:focus { border-color: #906703; color: #906703; } .button.hollow.foot, .button.hollow.foot.disabled, .button.hollow.foot[disabled], .button.hollow.foot.disabled:hover, .button.hollow.foot[disabled]:hover, .button.hollow.foot.disabled:focus, .button.hollow.foot[disabled]:focus { border: 1px solid #3AF38B; color: #3AF38B; } .button.hollow.foot:hover, .button.hollow.foot:focus { border-color: #098e43; color: #098e43; } .button.hollow.crea, .button.hollow.crea.disabled, .button.hollow.crea[disabled], .button.hollow.crea.disabled:hover, .button.hollow.crea[disabled]:hover, .button.hollow.crea.disabled:focus, .button.hollow.crea[disabled]:focus { border: 1px solid #fa1c61; color: #fa1c61; } .button.hollow.crea:hover, .button.hollow.crea:focus { border-color: #88032c; color: #88032c; } .button.hollow.move, .button.hollow.move.disabled, .button.hollow.move[disabled], .button.hollow.move.disabled:hover, .button.hollow.move[disabled]:hover, .button.hollow.move.disabled:focus, .button.hollow.move[disabled]:focus { border: 1px solid #fa1c61; color: #fa1c61; } .button.hollow.move:hover, .button.hollow.move:focus { border-color: #88032c; color: #88032c; } .button.hollow.tennis, .button.hollow.tennis.disabled, .button.hollow.tennis[disabled], .button.hollow.tennis.disabled:hover, .button.hollow.tennis[disabled]:hover, .button.hollow.tennis.disabled:focus, .button.hollow.tennis[disabled]:focus { border: 1px solid #f0f85c; color: #f0f85c; } .button.hollow.tennis:hover, .button.hollow.tennis:focus { border-color: #9ba307; color: #9ba307; } .button.hollow.success, .button.hollow.success.disabled, .button.hollow.success[disabled], .button.hollow.success.disabled:hover, .button.hollow.success[disabled]:hover, .button.hollow.success.disabled:focus, .button.hollow.success[disabled]:focus { border: 1px solid #3adb76; color: #3adb76; } .button.hollow.success:hover, .button.hollow.success:focus { border-color: #157539; color: #157539; } .button.hollow.warning, .button.hollow.warning.disabled, .button.hollow.warning[disabled], .button.hollow.warning.disabled:hover, .button.hollow.warning[disabled]:hover, .button.hollow.warning.disabled:focus, .button.hollow.warning[disabled]:focus { border: 1px solid #ffae00; color: #ffae00; } .button.hollow.warning:hover, .button.hollow.warning:focus { border-color: #805700; color: #805700; } .button.hollow.alert, .button.hollow.alert.disabled, .button.hollow.alert[disabled], .button.hollow.alert.disabled:hover, .button.hollow.alert[disabled]:hover, .button.hollow.alert.disabled:focus, .button.hollow.alert[disabled]:focus { border: 1px solid #D0021B; color: #D0021B; } .button.hollow.alert:hover, .button.hollow.alert:focus { border-color: #68010e; color: #68010e; } .button.clear, .button.clear:hover, .button.clear:focus, .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus { border-color: transparent; background-color: transparent; } .button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus { color: #3DF2FB; } .button.clear:hover, .button.clear:focus { color: #039299; } .button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus { color: #3DF2FB; } .button.clear.primary:hover, .button.clear.primary:focus { color: #039299; } .button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus { color: #400843; } .button.clear.secondary:hover, .button.clear.secondary:focus { color: #200422; } .button.clear.third, .button.clear.third.disabled, .button.clear.third[disabled], .button.clear.third.disabled:hover, .button.clear.third[disabled]:hover, .button.clear.third.disabled:focus, .button.clear.third[disabled]:focus { color: #EA148C; } .button.clear.third:hover, .button.clear.third:focus { color: #750a46; } .button.clear.dance, .button.clear.dance.disabled, .button.clear.dance[disabled], .button.clear.dance.disabled:hover, .button.clear.dance[disabled]:hover, .button.clear.dance.disabled:focus, .button.clear.dance[disabled]:focus { color: #FABE2C; } .button.clear.dance:hover, .button.clear.dance:focus { color: #906703; } .button.clear.foot, .button.clear.foot.disabled, .button.clear.foot[disabled], .button.clear.foot.disabled:hover, .button.clear.foot[disabled]:hover, .button.clear.foot.disabled:focus, .button.clear.foot[disabled]:focus { color: #3AF38B; } .button.clear.foot:hover, .button.clear.foot:focus { color: #098e43; } .button.clear.crea, .button.clear.crea.disabled, .button.clear.crea[disabled], .button.clear.crea.disabled:hover, .button.clear.crea[disabled]:hover, .button.clear.crea.disabled:focus, .button.clear.crea[disabled]:focus { color: #fa1c61; } .button.clear.crea:hover, .button.clear.crea:focus { color: #88032c; } .button.clear.move, .button.clear.move.disabled, .button.clear.move[disabled], .button.clear.move.disabled:hover, .button.clear.move[disabled]:hover, .button.clear.move.disabled:focus, .button.clear.move[disabled]:focus { color: #fa1c61; } .button.clear.move:hover, .button.clear.move:focus { color: #88032c; } .button.clear.tennis, .button.clear.tennis.disabled, .button.clear.tennis[disabled], .button.clear.tennis.disabled:hover, .button.clear.tennis[disabled]:hover, .button.clear.tennis.disabled:focus, .button.clear.tennis[disabled]:focus { color: #f0f85c; } .button.clear.tennis:hover, .button.clear.tennis:focus { color: #9ba307; } .button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success.disabled:hover, .button.clear.success[disabled]:hover, .button.clear.success.disabled:focus, .button.clear.success[disabled]:focus { color: #3adb76; } .button.clear.success:hover, .button.clear.success:focus { color: #157539; } .button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning.disabled:hover, .button.clear.warning[disabled]:hover, .button.clear.warning.disabled:focus, .button.clear.warning[disabled]:focus { color: #ffae00; } .button.clear.warning:hover, .button.clear.warning:focus { color: #805700; } .button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert.disabled:hover, .button.clear.alert[disabled]:hover, .button.clear.alert.disabled:focus, .button.clear.alert[disabled]:focus { color: #D0021B; } .button.clear.alert:hover, .button.clear.alert:focus { color: #68010e; } .button.disabled, .button[disabled] { opacity: 0.25; cursor: not-allowed; } .button.dropdown::after { display: block; width: 0; height: 0; border: inset 0.4em; content: ""; border-bottom-width: 0; border-top-style: solid; border-color: #fefefe transparent transparent; position: relative; top: 0.4em; display: inline-block; float: right; margin-left: 1em; } .button.dropdown.hollow::after, .button.dropdown.clear::after { border-top-color: #3DF2FB; } .button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after { border-top-color: #3DF2FB; } .button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after { border-top-color: #400843; } .button.dropdown.hollow.third::after, .button.dropdown.clear.third::after { border-top-color: #EA148C; } .button.dropdown.hollow.dance::after, .button.dropdown.clear.dance::after { border-top-color: #FABE2C; } .button.dropdown.hollow.foot::after, .button.dropdown.clear.foot::after { border-top-color: #3AF38B; } .button.dropdown.hollow.crea::after, .button.dropdown.clear.crea::after { border-top-color: #fa1c61; } .button.dropdown.hollow.move::after, .button.dropdown.clear.move::after { border-top-color: #fa1c61; } .button.dropdown.hollow.tennis::after, .button.dropdown.clear.tennis::after { border-top-color: #f0f85c; } .button.dropdown.hollow.success::after, .button.dropdown.clear.success::after { border-top-color: #3adb76; } .button.dropdown.hollow.warning::after, .button.dropdown.clear.warning::after { border-top-color: #ffae00; } .button.dropdown.hollow.alert::after, .button.dropdown.clear.alert::after { border-top-color: #D0021B; } .button.arrow-only::after { top: -0.1em; float: none; margin-left: 0; } a.button:hover, a.button:focus { text-decoration: none; } .button-group { margin-bottom: 1rem; display: flex; flex-wrap: nowrap; align-items: stretch; } .button-group::before, .button-group::after { display: table; content: " "; flex-basis: 0; order: 1; } .button-group::after { clear: both; } .button-group .button { margin: 0; margin-right: 1px; margin-bottom: 1px; font-size: 0.9rem; flex: 0 0 auto; } .button-group .button:last-child { margin-right: 0; } .button-group.tiny .button { font-size: 0.6rem; } .button-group.small .button { font-size: 0.75rem; } .button-group.large .button { font-size: 1.25rem; } .button-group.expanded .button { flex: 1 1 0px; } .button-group.primary .button, .button-group.primary .button.disabled, .button-group.primary .button[disabled], .button-group.primary .button.disabled:hover, .button-group.primary .button[disabled]:hover, .button-group.primary .button.disabled:focus, .button-group.primary .button[disabled]:focus { background-color: #3DF2FB; color: #0a0a0a; } .button-group.primary .button:hover, .button-group.primary .button:focus { background-color: #05e9f5; color: #0a0a0a; } .button-group.secondary .button, .button-group.secondary .button.disabled, .button-group.secondary .button[disabled], .button-group.secondary .button.disabled:hover, .button-group.secondary .button[disabled]:hover, .button-group.secondary .button.disabled:focus, .button-group.secondary .button[disabled]:focus { background-color: #400843; color: #fefefe; } .button-group.secondary .button:hover, .button-group.secondary .button:focus { background-color: #330636; color: #fefefe; } .button-group.third .button, .button-group.third .button.disabled, .button-group.third .button[disabled], .button-group.third .button.disabled:hover, .button-group.third .button[disabled]:hover, .button-group.third .button.disabled:focus, .button-group.third .button[disabled]:focus { background-color: #EA148C; color: #0a0a0a; } .button-group.third .button:hover, .button-group.third .button:focus { background-color: #bb1070; color: #0a0a0a; } .button-group.dance .button, .button-group.dance .button.disabled, .button-group.dance .button[disabled], .button-group.dance .button.disabled:hover, .button-group.dance .button[disabled]:hover, .button-group.dance .button.disabled:focus, .button-group.dance .button[disabled]:focus { background-color: #FABE2C; color: #0a0a0a; } .button-group.dance .button:hover, .button-group.dance .button:focus { background-color: #e6a405; color: #0a0a0a; } .button-group.foot .button, .button-group.foot .button.disabled, .button-group.foot .button[disabled], .button-group.foot .button.disabled:hover, .button-group.foot .button[disabled]:hover, .button-group.foot .button.disabled:focus, .button-group.foot .button[disabled]:focus { background-color: #3AF38B; color: #0a0a0a; } .button-group.foot .button:hover, .button-group.foot .button:focus { background-color: #0ee36b; color: #0a0a0a; } .button-group.crea .button, .button-group.crea .button.disabled, .button-group.crea .button[disabled], .button-group.crea .button.disabled:hover, .button-group.crea .button[disabled]:hover, .button-group.crea .button.disabled:focus, .button-group.crea .button[disabled]:focus { background-color: #fa1c61; color: #0a0a0a; } .button-group.crea .button:hover, .button-group.crea .button:focus { background-color: #da0547; color: #0a0a0a; } .button-group.move .button, .button-group.move .button.disabled, .button-group.move .button[disabled], .button-group.move .button.disabled:hover, .button-group.move .button[disabled]:hover, .button-group.move .button.disabled:focus, .button-group.move .button[disabled]:focus { background-color: #fa1c61; color: #0a0a0a; } .button-group.move .button:hover, .button-group.move .button:focus { background-color: #da0547; color: #0a0a0a; } .button-group.tennis .button, .button-group.tennis .button.disabled, .button-group.tennis .button[disabled], .button-group.tennis .button.disabled:hover, .button-group.tennis .button[disabled]:hover, .button-group.tennis .button.disabled:focus, .button-group.tennis .button[disabled]:focus { background-color: #f0f85c; color: #0a0a0a; } .button-group.tennis .button:hover, .button-group.tennis .button:focus { background-color: #eaf51b; color: #0a0a0a; } .button-group.success .button, .button-group.success .button.disabled, .button-group.success .button[disabled], .button-group.success .button.disabled:hover, .button-group.success .button[disabled]:hover, .button-group.success .button.disabled:focus, .button-group.success .button[disabled]:focus { background-color: #3adb76; color: #0a0a0a; } .button-group.success .button:hover, .button-group.success .button:focus { background-color: #22bb5b; color: #0a0a0a; } .button-group.warning .button, .button-group.warning .button.disabled, .button-group.warning .button[disabled], .button-group.warning .button.disabled:hover, .button-group.warning .button[disabled]:hover, .button-group.warning .button.disabled:focus, .button-group.warning .button[disabled]:focus { background-color: #ffae00; color: #0a0a0a; } .button-group.warning .button:hover, .button-group.warning .button:focus { background-color: #cc8b00; color: #0a0a0a; } .button-group.alert .button, .button-group.alert .button.disabled, .button-group.alert .button[disabled], .button-group.alert .button.disabled:hover, .button-group.alert .button[disabled]:hover, .button-group.alert .button.disabled:focus, .button-group.alert .button[disabled]:focus { background-color: #D0021B; color: #fefefe; } .button-group.alert .button:hover, .button-group.alert .button:focus { background-color: #a60216; color: #fefefe; } .button-group.hollow .button, .button-group.hollow .button:hover, .button-group.hollow .button:focus, .button-group.hollow .button.disabled, .button-group.hollow .button.disabled:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled], .button-group.hollow .button[disabled]:hover, .button-group.hollow .button[disabled]:focus { background-color: transparent; } .button-group.hollow .button, .button-group.hollow .button.disabled, .button-group.hollow .button[disabled], .button-group.hollow .button.disabled:hover, .button-group.hollow .button[disabled]:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled]:focus { border: 1px solid #3DF2FB; color: #3DF2FB; } .button-group.hollow .button:hover, .button-group.hollow .button:focus { border-color: #039299; color: #039299; } .button-group.hollow.primary .button, .button-group.hollow.primary .button.disabled, .button-group.hollow.primary .button[disabled], .button-group.hollow.primary .button.disabled:hover, .button-group.hollow.primary .button[disabled]:hover, .button-group.hollow.primary .button.disabled:focus, .button-group.hollow.primary .button[disabled]:focus, .button-group.hollow .button.primary, .button-group.hollow .button.primary.disabled, .button-group.hollow .button.primary[disabled], .button-group.hollow .button.primary.disabled:hover, .button-group.hollow .button.primary[disabled]:hover, .button-group.hollow .button.primary.disabled:focus, .button-group.hollow .button.primary[disabled]:focus { border: 1px solid #3DF2FB; color: #3DF2FB; } .button-group.hollow.primary .button:hover, .button-group.hollow.primary .button:focus, .button-group.hollow .button.primary:hover, .button-group.hollow .button.primary:focus { border-color: #039299; color: #039299; } .button-group.hollow.secondary .button, .button-group.hollow.secondary .button.disabled, .button-group.hollow.secondary .button[disabled], .button-group.hollow.secondary .button.disabled:hover, .button-group.hollow.secondary .button[disabled]:hover, .button-group.hollow.secondary .button.disabled:focus, .button-group.hollow.secondary .button[disabled]:focus, .button-group.hollow .button.secondary, .button-group.hollow .button.secondary.disabled, .button-group.hollow .button.secondary[disabled], .button-group.hollow .button.secondary.disabled:hover, .button-group.hollow .button.secondary[disabled]:hover, .button-group.hollow .button.secondary.disabled:focus, .button-group.hollow .button.secondary[disabled]:focus { border: 1px solid #400843; color: #400843; } .button-group.hollow.secondary .button:hover, .button-group.hollow.secondary .button:focus, .button-group.hollow .button.secondary:hover, .button-group.hollow .button.secondary:focus { border-color: #200422; color: #200422; } .button-group.hollow.third .button, .button-group.hollow.third .button.disabled, .button-group.hollow.third .button[disabled], .button-group.hollow.third .button.disabled:hover, .button-group.hollow.third .button[disabled]:hover, .button-group.hollow.third .button.disabled:focus, .button-group.hollow.third .button[disabled]:focus, .button-group.hollow .button.third, .button-group.hollow .button.third.disabled, .button-group.hollow .button.third[disabled], .button-group.hollow .button.third.disabled:hover, .button-group.hollow .button.third[disabled]:hover, .button-group.hollow .button.third.disabled:focus, .button-group.hollow .button.third[disabled]:focus { border: 1px solid #EA148C; color: #EA148C; } .button-group.hollow.third .button:hover, .button-group.hollow.third .button:focus, .button-group.hollow .button.third:hover, .button-group.hollow .button.third:focus { border-color: #750a46; color: #750a46; } .button-group.hollow.dance .button, .button-group.hollow.dance .button.disabled, .button-group.hollow.dance .button[disabled], .button-group.hollow.dance .button.disabled:hover, .button-group.hollow.dance .button[disabled]:hover, .button-group.hollow.dance .button.disabled:focus, .button-group.hollow.dance .button[disabled]:focus, .button-group.hollow .button.dance, .button-group.hollow .button.dance.disabled, .button-group.hollow .button.dance[disabled], .button-group.hollow .button.dance.disabled:hover, .button-group.hollow .button.dance[disabled]:hover, .button-group.hollow .button.dance.disabled:focus, .button-group.hollow .button.dance[disabled]:focus { border: 1px solid #FABE2C; color: #FABE2C; } .button-group.hollow.dance .button:hover, .button-group.hollow.dance .button:focus, .button-group.hollow .button.dance:hover, .button-group.hollow .button.dance:focus { border-color: #906703; color: #906703; } .button-group.hollow.foot .button, .button-group.hollow.foot .button.disabled, .button-group.hollow.foot .button[disabled], .button-group.hollow.foot .button.disabled:hover, .button-group.hollow.foot .button[disabled]:hover, .button-group.hollow.foot .button.disabled:focus, .button-group.hollow.foot .button[disabled]:focus, .button-group.hollow .button.foot, .button-group.hollow .button.foot.disabled, .button-group.hollow .button.foot[disabled], .button-group.hollow .button.foot.disabled:hover, .button-group.hollow .button.foot[disabled]:hover, .button-group.hollow .button.foot.disabled:focus, .button-group.hollow .button.foot[disabled]:focus { border: 1px solid #3AF38B; color: #3AF38B; } .button-group.hollow.foot .button:hover, .button-group.hollow.foot .button:focus, .button-group.hollow .button.foot:hover, .button-group.hollow .button.foot:focus { border-color: #098e43; color: #098e43; } .button-group.hollow.crea .button, .button-group.hollow.crea .button.disabled, .button-group.hollow.crea .button[disabled], .button-group.hollow.crea .button.disabled:hover, .button-group.hollow.crea .button[disabled]:hover, .button-group.hollow.crea .button.disabled:focus, .button-group.hollow.crea .button[disabled]:focus, .button-group.hollow .button.crea, .button-group.hollow .button.crea.disabled, .button-group.hollow .button.crea[disabled], .button-group.hollow .button.crea.disabled:hover, .button-group.hollow .button.crea[disabled]:hover, .button-group.hollow .button.crea.disabled:focus, .button-group.hollow .button.crea[disabled]:focus { border: 1px solid #fa1c61; color: #fa1c61; } .button-group.hollow.crea .button:hover, .button-group.hollow.crea .button:focus, .button-group.hollow .button.crea:hover, .button-group.hollow .button.crea:focus { border-color: #88032c; color: #88032c; } .button-group.hollow.move .button, .button-group.hollow.move .button.disabled, .button-group.hollow.move .button[disabled], .button-group.hollow.move .button.disabled:hover, .button-group.hollow.move .button[disabled]:hover, .button-group.hollow.move .button.disabled:focus, .button-group.hollow.move .button[disabled]:focus, .button-group.hollow .button.move, .button-group.hollow .button.move.disabled, .button-group.hollow .button.move[disabled], .button-group.hollow .button.move.disabled:hover, .button-group.hollow .button.move[disabled]:hover, .button-group.hollow .button.move.disabled:focus, .button-group.hollow .button.move[disabled]:focus { border: 1px solid #fa1c61; color: #fa1c61; } .button-group.hollow.move .button:hover, .button-group.hollow.move .button:focus, .button-group.hollow .button.move:hover, .button-group.hollow .button.move:focus { border-color: #88032c; color: #88032c; } .button-group.hollow.tennis .button, .button-group.hollow.tennis .button.disabled, .button-group.hollow.tennis .button[disabled], .button-group.hollow.tennis .button.disabled:hover, .button-group.hollow.tennis .button[disabled]:hover, .button-group.hollow.tennis .button.disabled:focus, .button-group.hollow.tennis .button[disabled]:focus, .button-group.hollow .button.tennis, .button-group.hollow .button.tennis.disabled, .button-group.hollow .button.tennis[disabled], .button-group.hollow .button.tennis.disabled:hover, .button-group.hollow .button.tennis[disabled]:hover, .button-group.hollow .button.tennis.disabled:focus, .button-group.hollow .button.tennis[disabled]:focus { border: 1px solid #f0f85c; color: #f0f85c; } .button-group.hollow.tennis .button:hover, .button-group.hollow.tennis .button:focus, .button-group.hollow .button.tennis:hover, .button-group.hollow .button.tennis:focus { border-color: #9ba307; color: #9ba307; } .button-group.hollow.success .button, .button-group.hollow.success .button.disabled, .button-group.hollow.success .button[disabled], .button-group.hollow.success .button.disabled:hover, .button-group.hollow.success .button[disabled]:hover, .button-group.hollow.success .button.disabled:focus, .button-group.hollow.success .button[disabled]:focus, .button-group.hollow .button.success, .button-group.hollow .button.success.disabled, .button-group.hollow .button.success[disabled], .button-group.hollow .button.success.disabled:hover, .button-group.hollow .button.success[disabled]:hover, .button-group.hollow .button.success.disabled:focus, .button-group.hollow .button.success[disabled]:focus { border: 1px solid #3adb76; color: #3adb76; } .button-group.hollow.success .button:hover, .button-group.hollow.success .button:focus, .button-group.hollow .button.success:hover, .button-group.hollow .button.success:focus { border-color: #157539; color: #157539; } .button-group.hollow.warning .button, .button-group.hollow.warning .button.disabled, .button-group.hollow.warning .button[disabled], .button-group.hollow.warning .button.disabled:hover, .button-group.hollow.warning .button[disabled]:hover, .button-group.hollow.warning .button.disabled:focus, .button-group.hollow.warning .button[disabled]:focus, .button-group.hollow .button.warning, .button-group.hollow .button.warning.disabled, .button-group.hollow .button.warning[disabled], .button-group.hollow .button.warning.disabled:hover, .button-group.hollow .button.warning[disabled]:hover, .button-group.hollow .button.warning.disabled:focus, .button-group.hollow .button.warning[disabled]:focus { border: 1px solid #ffae00; color: #ffae00; } .button-group.hollow.warning .button:hover, .button-group.hollow.warning .button:focus, .button-group.hollow .button.warning:hover, .button-group.hollow .button.warning:focus { border-color: #805700; color: #805700; } .button-group.hollow.alert .button, .button-group.hollow.alert .button.disabled, .button-group.hollow.alert .button[disabled], .button-group.hollow.alert .button.disabled:hover, .button-group.hollow.alert .button[disabled]:hover, .button-group.hollow.alert .button.disabled:focus, .button-group.hollow.alert .button[disabled]:focus, .button-group.hollow .button.alert, .button-group.hollow .button.alert.disabled, .button-group.hollow .button.alert[disabled], .button-group.hollow .button.alert.disabled:hover, .button-group.hollow .button.alert[disabled]:hover, .button-group.hollow .button.alert.disabled:focus, .button-group.hollow .button.alert[disabled]:focus { border: 1px solid #D0021B; color: #D0021B; } .button-group.hollow.alert .button:hover, .button-group.hollow.alert .button:focus, .button-group.hollow .button.alert:hover, .button-group.hollow .button.alert:focus { border-color: #68010e; color: #68010e; } .button-group.clear .button, .button-group.clear .button:hover, .button-group.clear .button:focus, .button-group.clear .button.disabled, .button-group.clear .button.disabled:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled], .button-group.clear .button[disabled]:hover, .button-group.clear .button[disabled]:focus { border-color: transparent; background-color: transparent; } .button-group.clear .button, .button-group.clear .button.disabled, .button-group.clear .button[disabled], .button-group.clear .button.disabled:hover, .button-group.clear .button[disabled]:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled]:focus { color: #3DF2FB; } .button-group.clear .button:hover, .button-group.clear .button:focus { color: #039299; } .button-group.clear.primary .button, .button-group.clear.primary .button.disabled, .button-group.clear.primary .button[disabled], .button-group.clear.primary .button.disabled:hover, .button-group.clear.primary .button[disabled]:hover, .button-group.clear.primary .button.disabled:focus, .button-group.clear.primary .button[disabled]:focus, .button-group.clear .button.primary, .button-group.clear .button.primary.disabled, .button-group.clear .button.primary[disabled], .button-group.clear .button.primary.disabled:hover, .button-group.clear .button.primary[disabled]:hover, .button-group.clear .button.primary.disabled:focus, .button-group.clear .button.primary[disabled]:focus { color: #3DF2FB; } .button-group.clear.primary .button:hover, .button-group.clear.primary .button:focus, .button-group.clear .button.primary:hover, .button-group.clear .button.primary:focus { color: #039299; } .button-group.clear.secondary .button, .button-group.clear.secondary .button.disabled, .button-group.clear.secondary .button[disabled], .button-group.clear.secondary .button.disabled:hover, .button-group.clear.secondary .button[disabled]:hover, .button-group.clear.secondary .button.disabled:focus, .button-group.clear.secondary .button[disabled]:focus, .button-group.clear .button.secondary, .button-group.clear .button.secondary.disabled, .button-group.clear .button.secondary[disabled], .button-group.clear .button.secondary.disabled:hover, .button-group.clear .button.secondary[disabled]:hover, .button-group.clear .button.secondary.disabled:focus, .button-group.clear .button.secondary[disabled]:focus { color: #400843; } .button-group.clear.secondary .button:hover, .button-group.clear.secondary .button:focus, .button-group.clear .button.secondary:hover, .button-group.clear .button.secondary:focus { color: #200422; } .button-group.clear.third .button, .button-group.clear.third .button.disabled, .button-group.clear.third .button[disabled], .button-group.clear.third .button.disabled:hover, .button-group.clear.third .button[disabled]:hover, .button-group.clear.third .button.disabled:focus, .button-group.clear.third .button[disabled]:focus, .button-group.clear .button.third, .button-group.clear .button.third.disabled, .button-group.clear .button.third[disabled], .button-group.clear .button.third.disabled:hover, .button-group.clear .button.third[disabled]:hover, .button-group.clear .button.third.disabled:focus, .button-group.clear .button.third[disabled]:focus { color: #EA148C; } .button-group.clear.third .button:hover, .button-group.clear.third .button:focus, .button-group.clear .button.third:hover, .button-group.clear .button.third:focus { color: #750a46; } .button-group.clear.dance .button, .button-group.clear.dance .button.disabled, .button-group.clear.dance .button[disabled], .button-group.clear.dance .button.disabled:hover, .button-group.clear.dance .button[disabled]:hover, .button-group.clear.dance .button.disabled:focus, .button-group.clear.dance .button[disabled]:focus, .button-group.clear .button.dance, .button-group.clear .button.dance.disabled, .button-group.clear .button.dance[disabled], .button-group.clear .button.dance.disabled:hover, .button-group.clear .button.dance[disabled]:hover, .button-group.clear .button.dance.disabled:focus, .button-group.clear .button.dance[disabled]:focus { color: #FABE2C; } .button-group.clear.dance .button:hover, .button-group.clear.dance .button:focus, .button-group.clear .button.dance:hover, .button-group.clear .button.dance:focus { color: #906703; } .button-group.clear.foot .button, .button-group.clear.foot .button.disabled, .button-group.clear.foot .button[disabled], .button-group.clear.foot .button.disabled:hover, .button-group.clear.foot .button[disabled]:hover, .button-group.clear.foot .button.disabled:focus, .button-group.clear.foot .button[disabled]:focus, .button-group.clear .button.foot, .button-group.clear .button.foot.disabled, .button-group.clear .button.foot[disabled], .button-group.clear .button.foot.disabled:hover, .button-group.clear .button.foot[disabled]:hover, .button-group.clear .button.foot.disabled:focus, .button-group.clear .button.foot[disabled]:focus { color: #3AF38B; } .button-group.clear.foot .button:hover, .button-group.clear.foot .button:focus, .button-group.clear .button.foot:hover, .button-group.clear .button.foot:focus { color: #098e43; } .button-group.clear.crea .button, .button-group.clear.crea .button.disabled, .button-group.clear.crea .button[disabled], .button-group.clear.crea .button.disabled:hover, .button-group.clear.crea .button[disabled]:hover, .button-group.clear.crea .button.disabled:focus, .button-group.clear.crea .button[disabled]:focus, .button-group.clear .button.crea, .button-group.clear .button.crea.disabled, .button-group.clear .button.crea[disabled], .button-group.clear .button.crea.disabled:hover, .button-group.clear .button.crea[disabled]:hover, .button-group.clear .button.crea.disabled:focus, .button-group.clear .button.crea[disabled]:focus { color: #fa1c61; } .button-group.clear.crea .button:hover, .button-group.clear.crea .button:focus, .button-group.clear .button.crea:hover, .button-group.clear .button.crea:focus { color: #88032c; } .button-group.clear.move .button, .button-group.clear.move .button.disabled, .button-group.clear.move .button[disabled], .button-group.clear.move .button.disabled:hover, .button-group.clear.move .button[disabled]:hover, .button-group.clear.move .button.disabled:focus, .button-group.clear.move .button[disabled]:focus, .button-group.clear .button.move, .button-group.clear .button.move.disabled, .button-group.clear .button.move[disabled], .button-group.clear .button.move.disabled:hover, .button-group.clear .button.move[disabled]:hover, .button-group.clear .button.move.disabled:focus, .button-group.clear .button.move[disabled]:focus { color: #fa1c61; } .button-group.clear.move .button:hover, .button-group.clear.move .button:focus, .button-group.clear .button.move:hover, .button-group.clear .button.move:focus { color: #88032c; } .button-group.clear.tennis .button, .button-group.clear.tennis .button.disabled, .button-group.clear.tennis .button[disabled], .button-group.clear.tennis .button.disabled:hover, .button-group.clear.tennis .button[disabled]:hover, .button-group.clear.tennis .button.disabled:focus, .button-group.clear.tennis .button[disabled]:focus, .button-group.clear .button.tennis, .button-group.clear .button.tennis.disabled, .button-group.clear .button.tennis[disabled], .button-group.clear .button.tennis.disabled:hover, .button-group.clear .button.tennis[disabled]:hover, .button-group.clear .button.tennis.disabled:focus, .button-group.clear .button.tennis[disabled]:focus { color: #f0f85c; } .button-group.clear.tennis .button:hover, .button-group.clear.tennis .button:focus, .button-group.clear .button.tennis:hover, .button-group.clear .button.tennis:focus { color: #9ba307; } .button-group.clear.success .button, .button-group.clear.success .button.disabled, .button-group.clear.success .button[disabled], .button-group.clear.success .button.disabled:hover, .button-group.clear.success .button[disabled]:hover, .button-group.clear.success .button.disabled:focus, .button-group.clear.success .button[disabled]:focus, .button-group.clear .button.success, .button-group.clear .button.success.disabled, .button-group.clear .button.success[disabled], .button-group.clear .button.success.disabled:hover, .button-group.clear .button.success[disabled]:hover, .button-group.clear .button.success.disabled:focus, .button-group.clear .button.success[disabled]:focus { color: #3adb76; } .button-group.clear.success .button:hover, .button-group.clear.success .button:focus, .button-group.clear .button.success:hover, .button-group.clear .button.success:focus { color: #157539; } .button-group.clear.warning .button, .button-group.clear.warning .button.disabled, .button-group.clear.warning .button[disabled], .button-group.clear.warning .button.disabled:hover, .button-group.clear.warning .button[disabled]:hover, .button-group.clear.warning .button.disabled:focus, .button-group.clear.warning .button[disabled]:focus, .button-group.clear .button.warning, .button-group.clear .button.warning.disabled, .button-group.clear .button.warning[disabled], .button-group.clear .button.warning.disabled:hover, .button-group.clear .button.warning[disabled]:hover, .button-group.clear .button.warning.disabled:focus, .button-group.clear .button.warning[disabled]:focus { color: #ffae00; } .button-group.clear.warning .button:hover, .button-group.clear.warning .button:focus, .button-group.clear .button.warning:hover, .button-group.clear .button.warning:focus { color: #805700; } .button-group.clear.alert .button, .button-group.clear.alert .button.disabled, .button-group.clear.alert .button[disabled], .button-group.clear.alert .button.disabled:hover, .button-group.clear.alert .button[disabled]:hover, .button-group.clear.alert .button.disabled:focus, .button-group.clear.alert .button[disabled]:focus, .button-group.clear .button.alert, .button-group.clear .button.alert.disabled, .button-group.clear .button.alert[disabled], .button-group.clear .button.alert.disabled:hover, .button-group.clear .button.alert[disabled]:hover, .button-group.clear .button.alert.disabled:focus, .button-group.clear .button.alert[disabled]:focus { color: #D0021B; } .button-group.clear.alert .button:hover, .button-group.clear.alert .button:focus, .button-group.clear .button.alert:hover, .button-group.clear .button.alert:focus { color: #68010e; } .button-group.no-gaps .button { margin-right: -0.0625rem; } .button-group.no-gaps .button + .button { border-left-color: transparent; } .button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium { flex-wrap: wrap; } .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button { flex: 0 0 100%; } .button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child { margin-bottom: 0; } .button-group.stacked.expanded .button, .button-group.stacked-for-small.expanded .button, .button-group.stacked-for-medium.expanded .button { flex: 1 1 0px; } @media print, screen and (min-width: 40em) { .button-group.stacked-for-small .button { flex: 0 0 auto; margin-bottom: 0; } } @media print, screen and (min-width: 64em) { .button-group.stacked-for-medium .button { flex: 0 0 auto; margin-bottom: 0; } } @media print, screen and (max-width: 19.99875em) { .button-group.stacked-for-small.expanded { display: block; } .button-group.stacked-for-small.expanded .button { display: block; margin-right: 0; } } @media print, screen and (max-width: 63.99875em) { .button-group.stacked-for-medium.expanded { display: block; } .button-group.stacked-for-medium.expanded .button { display: block; margin-right: 0; } } .responsive-embed, .flex-video { position: relative; height: 0; margin-bottom: 1rem; padding-bottom: 75%; overflow: hidden; } .responsive-embed iframe, .responsive-embed object, .responsive-embed embed, .responsive-embed video, .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .responsive-embed.widescreen, .flex-video.widescreen { padding-bottom: 56.25%; } .hide { display: none !important; } .invisible { visibility: hidden; } @media print, screen and (max-width: 19.99875em) { .hide-for-small-only { display: none !important; } } @media screen and (max-width: 0em), screen and (min-width: 20em) { .show-for-small-only { display: none !important; } } @media print, screen and (min-width: 40em) { .hide-for-medium { display: none !important; } } @media screen and (max-width: 39.99875em) { .show-for-medium { display: none !important; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .hide-for-medium-only { display: none !important; } } @media screen and (max-width: 39.99875em), screen and (min-width: 64em) { .show-for-medium-only { display: none !important; } } @media print, screen and (min-width: 64em) { .hide-for-large { display: none !important; } } @media screen and (max-width: 63.99875em) { .show-for-large { display: none !important; } } @media print, screen and (min-width: 64em) and (max-width: 74.99875em) { .hide-for-large-only { display: none !important; } } @media screen and (max-width: 63.99875em), screen and (min-width: 75em) { .show-for-large-only { display: none !important; } } @media screen and (min-width: 75em) { .hide-for-xlarge { display: none !important; } } @media screen and (max-width: 74.99875em) { .show-for-xlarge { display: none !important; } } @media screen and (min-width: 75em) and (max-width: 89.99875em) { .hide-for-xlarge-only { display: none !important; } } @media screen and (max-width: 74.99875em), screen and (min-width: 90em) { .show-for-xlarge-only { display: none !important; } } .show-for-sr, .show-on-focus { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .show-on-focus:active, .show-on-focus:focus { position: static !important; width: auto !important; height: auto !important; overflow: visible !important; clip: auto !important; white-space: normal !important; } .show-for-landscape, .hide-for-portrait { display: block !important; } @media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: block !important; } } @media screen and (orientation: portrait) { .show-for-landscape, .hide-for-portrait { display: none !important; } } .hide-for-landscape, .show-for-portrait { display: none !important; } @media screen and (orientation: landscape) { .hide-for-landscape, .show-for-portrait { display: none !important; } } @media screen and (orientation: portrait) { .hide-for-landscape, .show-for-portrait { display: block !important; } } .align-left { justify-content: flex-start; } .align-right { justify-content: flex-end; } .align-center { justify-content: center; } .align-justify { justify-content: space-between; } .align-spaced { justify-content: space-around; } .align-left.vertical.menu > li > a { justify-content: flex-start; } .align-right.vertical.menu > li > a { justify-content: flex-end; } .align-center.vertical.menu > li > a { justify-content: center; } .align-top { align-items: flex-start; } .align-self-top { align-self: flex-start; } .align-bottom { align-items: flex-end; } .align-self-bottom { align-self: flex-end; } .align-middle { align-items: center; } .align-self-middle { align-self: center; } .align-stretch { align-items: stretch; } .align-self-stretch { align-self: stretch; } .align-center-middle { justify-content: center; align-items: center; align-content: center; } .small-order-1 { order: 1; } .small-order-2 { order: 2; } .small-order-3 { order: 3; } .small-order-4 { order: 4; } .small-order-5 { order: 5; } .small-order-6 { order: 6; } @media print, screen and (min-width: 40em) { .medium-order-1 { order: 1; } .medium-order-2 { order: 2; } .medium-order-3 { order: 3; } .medium-order-4 { order: 4; } .medium-order-5 { order: 5; } .medium-order-6 { order: 6; } } @media print, screen and (min-width: 64em) { .large-order-1 { order: 1; } .large-order-2 { order: 2; } .large-order-3 { order: 3; } .large-order-4 { order: 4; } .large-order-5 { order: 5; } .large-order-6 { order: 6; } } @media screen and (min-width: 75em) { .xlarge-order-1 { order: 1; } .xlarge-order-2 { order: 2; } .xlarge-order-3 { order: 3; } .xlarge-order-4 { order: 4; } .xlarge-order-5 { order: 5; } .xlarge-order-6 { order: 6; } } .flex-container { display: flex; } .flex-child-auto { flex: 1 1 auto; } .flex-child-grow { flex: 1 0 auto; } .flex-child-shrink { flex: 0 1 auto; } .flex-dir-row { flex-direction: row; } .flex-dir-row-reverse { flex-direction: row-reverse; } .flex-dir-column { flex-direction: column; } .flex-dir-column-reverse { flex-direction: column-reverse; } @media print, screen and (min-width: 40em) { .medium-flex-container { display: flex; } .medium-flex-child-auto { flex: 1 1 auto; } .medium-flex-child-grow { flex: 1 0 auto; } .medium-flex-child-shrink { flex: 0 1 auto; } .medium-flex-dir-row { flex-direction: row; } .medium-flex-dir-row-reverse { flex-direction: row-reverse; } .medium-flex-dir-column { flex-direction: column; } .medium-flex-dir-column-reverse { flex-direction: column-reverse; } } @media print, screen and (min-width: 64em) { .large-flex-container { display: flex; } .large-flex-child-auto { flex: 1 1 auto; } .large-flex-child-grow { flex: 1 0 auto; } .large-flex-child-shrink { flex: 0 1 auto; } .large-flex-dir-row { flex-direction: row; } .large-flex-dir-row-reverse { flex-direction: row-reverse; } .large-flex-dir-column { flex-direction: column; } .large-flex-dir-column-reverse { flex-direction: column-reverse; } } @media screen and (min-width: 75em) { .xlarge-flex-container { display: flex; } .xlarge-flex-child-auto { flex: 1 1 auto; } .xlarge-flex-child-grow { flex: 1 0 auto; } .xlarge-flex-child-shrink { flex: 0 1 auto; } .xlarge-flex-dir-row { flex-direction: row; } .xlarge-flex-dir-row-reverse { flex-direction: row-reverse; } .xlarge-flex-dir-column { flex-direction: column; } .xlarge-flex-dir-column-reverse { flex-direction: column-reverse; } } /* * @Author: Jens K * @Date: 2017-12-19 13:46:42 * @Last Modified by: Jens K * @Last Modified time: 2018-01-08 17:09:33 */ /*! Flickity v2.2.1 https://flickity.metafizzy.co ---------------------------------------------- */ .flickity-enabled { position: relative; } .flickity-enabled:focus { outline: none; } .flickity-viewport { overflow: hidden; position: relative; height: 100%; } .flickity-slider { position: absolute; width: 100%; height: 100%; } /* draggable */ .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: grab; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: grabbing; } /* ---- flickity-button ---- */ .flickity-button { position: absolute; background: hsla(0, 0%, 100%, 0.75); border: none; color: #333; } .flickity-button:hover { background: white; cursor: pointer; } .flickity-button:focus { outline: none; box-shadow: 0 0 0 5px #19F; } .flickity-button:active { opacity: 0.6; } .flickity-button:disabled { opacity: 0.3; cursor: auto; /* prevent disabled button from capturing pointer up event. #716 */ pointer-events: none; } .flickity-button-icon { fill: currentColor; } /* ---- previous/next buttons ---- */ .flickity-prev-next-button { top: 50%; width: 44px; height: 44px; border-radius: 50%; /* vertically center */ transform: translateY(-50%); } .flickity-prev-next-button.previous { left: 10px; } .flickity-prev-next-button.next { right: 10px; } /* right to left */ .flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px; } .flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px; } .flickity-prev-next-button .flickity-button-icon { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; } /* ---- page dots ---- */ .flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; } .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; opacity: 0.25; cursor: pointer; } .flickity-page-dots .dot.is-selected { opacity: 1; } /* * @Author: Jens K * @Date: 2017-12-27 14:04:41 * @Last Modified by: Jens K * @Last Modified time: 2017-12-27 15:43:11 */ /* pswp = photoswipe */ .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ -webkit-backface-visibility: hidden; outline: none; } .pswp * { box-sizing: border-box; } .pswp img { max-width: none; } /* style is added when JS option showHideOpacity is set to true */ .pswp--animate_opacity { /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ opacity: 0.001; will-change: opacity; /* for open/close transition */ transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { /* autoprefixer: off */ cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .pswp--zoomed-in .pswp__img { /* autoprefixer: off */ cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .pswp--dragging .pswp__img { /* autoprefixer: off */ cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* Background is added as a separate element. As animating opacity is much faster than animating rgba() background-color. */ .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; transform: translateZ(0); -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: calc(100% - 20px); margin-left: 10px; height: 100%; overflow: hidden; } @media print, screen and (min-width: 40em) { .pswp__scroll-wrap { width: calc(100% - 140px); margin-left: 70px; } } .pswp__container, .pswp__zoom-wrap { touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /* Prevent selection and tap highlights */ .pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; } .pswp__zoom-wrap { position: absolute; width: 100%; transform-origin: left top; /* for open/close transition */ transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__bg { will-change: opacity; /* for open/close transition */ transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { transition: none; } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .pswp__img { position: absolute; width: auto; height: auto !important; top: 0; left: 0; box-shadow: 0 0 54px 0 rgba(0, 0, 0, 0.3); max-width: 90vw; } /* stretched thumbnail or div placeholder element (see below) style is added to avoid flickering in webkit/blink when layers overlap */ .pswp__img--placeholder { -webkit-backface-visibility: hidden; } /* div element that matches size of large image large image loads on top of it */ .pswp__img--placeholder--blank { background: #222; } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; } /* Error message appears when image is not loaded (JS option errorMsg controls markup) */ .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; } .pswp__error-msg a { color: #CCC; text-decoration: underline; } .pswp__facebook--share { position: absolute; left: 10px; top: 13px; font-family: "bebas", Helvetica, sans-serif; font-weight: 300; color: #fefefe; text-decoration: underline; font-size: 1rem; font-weight: 100; letter-spacing: 1px; } .pswp__facebook--share:hover { color: #fefefe; } @media print, screen and (min-width: 40em) { .pswp__facebook--share { left: 20px; top: 30px; } } .playsport--pswp .pswp__top-bar { background-color: transparent; position: fixed; } .playsport--pswp.pswp--svg .pswp__button { opacity: 1; } .playsport--pswp .pswp__ui--fit .pswp__top-bar { background-color: transparent; position: fixed; opacity: 1; } .playsport--pswp .pswp__ui--fit .pswp__top-bar .pswp__button--close { background-image: none; width: 40px; height: 40px; position: relative; top: 10px; right: 10px; transform: rotate(45deg); opacity: 1; } @media print, screen and (min-width: 40em) { .playsport--pswp .pswp__ui--fit .pswp__top-bar .pswp__button--close { top: 20px; right: 20px; } } .playsport--pswp .pswp__ui--fit .pswp__top-bar .pswp__button--close:before, .playsport--pswp .pswp__ui--fit .pswp__top-bar .pswp__button--close:after { content: ""; position: absolute; width: 100%; height: 5px; background-color: #fefefe; left: 0; top: 50%; margin-top: -2px; } .playsport--pswp .pswp__ui--fit .pswp__top-bar .pswp__button--close:after { transform: rotate(90deg); } .playsport--pswp .pswp__ui--fit .pswp__button--arrow--left, .playsport--pswp .pswp__ui--fit .pswp__button--arrow--right { opacity: 1; position: fixed; } .playsport--pswp .pswp__ui--fit .pswp__button--arrow--left:before, .playsport--pswp .pswp__ui--fit .pswp__button--arrow--right:before { width: 1.9375rem; height: 3.125rem; background: url("../images/atoms/arrow-right-white.svg") no-repeat center/1.9375rem 3.125rem; opacity: 1; } .playsport--pswp .pswp__ui--fit .pswp__button--arrow--left { left: 15px; } .playsport--pswp .pswp__ui--fit .pswp__button--arrow--left:before { transform: rotate(180deg); } .playsport--pswp .pswp__ui--fit .pswp__button--arrow--right { right: 15px; } /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Contents: 1. Buttons 2. Share modal and links 3. Index indicator ("1 of X" counter) 4. Caption 5. Loading indicator 6. Additional styles (root element, top bar, idle state, hidden state, etc.) */ /* 1. Buttons */ /*