@charset "UTF-8"; @import url("//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700"); /* @bemagic { intro: Apply base scaffolding to the of the page description: Applies natural box sizing, font antialiasing etc. required: true tag: html } */ .ixu-base { box-sizing: border-box; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; } .ixu-base *, .ixu-base *::before, .ixu-base *::after { box-sizing: inherit; } /* @bemagic { intro: The iCSSuu theme class. Components may change their appearance based on which `ixu-background` is wrapping them. description: The default issuu background. This class should always be present on an issuu.com pages required: true type: contextual } */ .ixu-background { background-color: #FAF9F8; } /* @bemagic { description: A variation of the default background } */ .ixu-background--secondary { background-color: #EFECE6; } /* @bemagic { description: A variation of the default background } */ .ixu-background--inverse { background-color: #4C4C4C; } /* @bemagic { description: A background using the issuu primary (brand) color } */ .ixu-background--pronounced { background-color: #F36D5D; } /* @bemagic { description: A special background useful for extremely positive messaging } */ .ixu-background--positive { background-color: #56B66A; } /* @bemagic { description: A special background useful for warnings } */ .ixu-background--warning { background-color: #F5B859; } @font-face { font-family: "iconfont"; src: url("data:application/font-woff;base64,d09GRgABAAAAAATQAAoAAAAAB7wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAD4AAABWOtRHiWNtYXAAAAE0AAAAOgAAAUriGBC2Z2x5ZgAAAXAAAAFQAAACRK5q2YJoZWFkAAACwAAAADIAAAA2BW7AlWhoZWEAAAL0AAAAHgAAACQAkgBJaG10eAAAAxQAAAASAAAAHAHGAABsb2NhAAADKAAAABAAAAAQAYYCJm1heHAAAAM4AAAAHwAAACABGQBUbmFtZQAAA1gAAAEpAAACFpuXvgpwb3N0AAAEhAAAAEwAAABoLH6B/XicY2BkcGScwMDKwMGgwaDDwACn5RiYGQQYGJgYWJkZsIKANNcUBoePjB/ZGByAXFYGRwZGIA3CDADehgXcAAB4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGD6y/f8PUvCREUTzM0DVAwEjG8OIBwB0vwa9AAB4nJ2QbU/CQAzH+2/vNkwQMxjDCTKzRUAgwDbYUALKK+P3/z5iN8DEt16aPt7v2h6Z0zcRfdEHefRMCyqJyjSLEDhussA7ijzdokzjV47v4AQ7ZMUSoyR14z3W2SN8d3RxEuF7FrMSQcgMWAmN66xc14RiwVbYvvFUXa1M2bEvTrNpp3bMnojHLbCwig5DOJ1UH2lLtzpNrP2KCGUR6ABdoM0G3livTnCDDgx7Y1SBckRKZrpLSzk/7+1QLnWHJRK3hSEg6PcrPXxCJBgMAI6o5vRk2rHiVhHyipnBjaCcVGQNDwaiAM7sL3fQfh3lukns79D1sz3ybD3DZh0P9SNCU6tDaCuriqhx2e9IDf31B0poTht955Nosy6ywHfiUe/q/C8jVlQaYqQWPdK5BpW0zTWtunG+/cR10eM6PTlHc6lKsuXazP7UvLP5AUSGL1B4nGNgZGBgAOLMT0K34/ltvjJwMzgARRguszj2wOj///7/Z/BkcARyORiYQKIASmYMDAAAeJxjYGRgYHAAYlYGNwaG/78ZvBlAIsiAHQA/jgLaAAB4nGNwYGBgcANiB0wMABrmAccAAAAAAAAASgBmAIIAngC6ASJ4nGNgZGBgYGfwYOBgAAEmIOYCQgaG/2A+AwAQxwFuAHicZZA9bsJAFITHYEgCUoIUKSmzVQoimZ+SA0BPQZfCmLUxsr3WekGiywlyhBwhp4hyghwoY/NoYC0/fzNv3u7KAAb4hYd6ebhtar1auKE6cZv0IOyTn4U76ONFuEt/KNzDG6bCfTzinTt4/h2dAUrhFu7xIdym/ynsk7+EO3jCt3CX/o9wDyv8Cffx6g3TyBSxKdxSJ/sstGd5/q60rVJTqEkwPlsLXWgbOr1R66OqDsnUuVjF1uRqzq7OMqNKa3Y6csHWuXI2GsXiB5HJkSKCQYG4qQ5LaCTYI0MIe9W91CumLSr6tVaYIMD4KrVgqmiSIZXGhsk1jqwVDjxtStcxrfhazuSkucxq3iQjK/7vurejE9EPsG2mSsww4hNf5IPmDvk/PRFeqAAAAHicY2BiwA/YGRgYmRiZGVkYWRnZGNnZkxNLSzLz81iTM1KTs3mAZFlRfp5uTmpaCS+MU5SZnlHCUpBTWsxeXJCZl5daxMAAAEqDFBw=") format("woff"); } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .ixu-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; border-radius: 18px; cursor: pointer; display: inline-block; font-family: "Open Sans", Arial, sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 1px; line-height: 34px; padding: 0 24px; position: relative; text-transform: uppercase; -webkit-transition: box-shadow 0.1s ease-out; transition: box-shadow 0.1s ease-out; } .ixu-button:focus { box-shadow: 0 0 9px 3px #44D1F1; } .ixu-button:disabled { background-color: transparent !important; border: 1px dashed #D6D6D6 !important; color: #D6D6D6 !important; cursor: not-allowed; } .ixu-background--secondary .ixu-button:disabled { border-color: #D2CCC1 !important; color: #D2CCC1 !important; } .ixu-background--inverse .ixu-button:disabled { border-color: #5F5F5F !important; color: #5F5F5F !important; } .ixu-background--pronounced .ixu-button:disabled { border-color: #DE5647 !important; color: #DE5647 !important; } .ixu-background--positive .ixu-button:disabled { border-color: #3EA351 !important; color: #3EA351 !important; } .ixu-background--warning .ixu-button:disabled { border-color: #EB9654 !important; color: #EB9654 !important; } .ixu-button:disabled[class*="is-"] { border: 1px solid transparent !important; color: transparent !important; } .ixu-button:disabled[class*="is-"]::before { font-size: 16px; left: 50%; letter-spacing: 0; margin-left: -17px; position: absolute; text-align: center; width: 34px; } .ixu-button:disabled.is-loading:before { font-family: "iconfont" !important; font-style: normal; font-weight: normal !important; vertical-align: top; content: ""; } .ixu-button:disabled.is-loading::before { -webkit-animation: spin 1.6s linear infinite; animation: spin 1.6s linear infinite; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .ixu-button:disabled.is-done:before { font-family: "iconfont" !important; font-style: normal; font-weight: normal !important; vertical-align: top; content: ""; } .ixu-button:disabled.is-error:before { font-family: "iconfont" !important; font-style: normal; font-weight: normal !important; vertical-align: top; content: ""; } /* @bemagic { intro: Create a button with a `