/* --------------------------------------------------------------- - EDGE FRAMEWORK - edge.setyono.net - v0.1.0 (Abaddon) - Special Thanks: --- Foundation | foundation.zurb.com --- Bootstrap | getbootstrap.com --- Normalize | git.io/normalize --- HTML5 Boilerplate | html5boilerplate.com ------------------------------------------------------------------- */ /* --------------------------- Normalize | git.io/normalize ------------------------------ */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } h1 { font-size: 2em; margin: 0.67em 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } mark { background: #ff0; color: #000; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre-wrap; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } /* ------------------ EDGE Boilerplate --------------------- */ * { margin: 0; padding: 0; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body { font-size: 16px; } body { position: relative; background: #e4e3d5; color: #222222; font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; line-height: 1; } h1, h2, h3, h4, h5, h6 { font-family: "Bitter", "Helvetica", Helvetica, Arial, sans-serif; } p { line-height: 1.5; margin-top: 0; margin-bottom: 0; } a { display: inline-block; cursor: pointer; text-decoration: none; } ul, ol { list-style: none; } hr { display: block; height: 1px; margin: 1em 0; padding: 0; border: 0; border-top: 1px solid #ccc; } a:focus { outline: none; } h1, h2, h3, h4, h5, h6 { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } img, object, embed { max-width: 100%; height: auto; } object, embed { height: 100%; } #map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object { max-width: none !important; } textarea { resize: vertical; height: auto; min-height: 50px; } select { width: 100%; } img { display: inline-block; vertical-align: middle; -ms-interpolation-mode: bicubic; } body { -webkit-animation: bugfix infinite 1s; } @-webkit-keyframes bugfix { from { padding: 0; } to { padding: 0; } } /* Miscellaneous useful HTML classes */ .left { float: left !important; } .right { float: right !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .text-justify { text-align: justify !important; } .hide { display: none !important; visibility: hidden !important; } .visual-hide { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .bold, b, strong { font-weight: 700 !important; } .italic, em { font-style: italic !important; } ul.inline, ol.inline { list-style-type: none; } ul.inline li, ol.inline li { display: inline-block; } .antialiased { -webkit-font-smoothing: antialiased; } /* --------------- EDGE Button --------------- */ button, .button, input[type="button"], input[type="submit"], input[type="reset"] { position: relative; cursor: pointer; padding: 0.625em 1.25em; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; background: #0099cc; color: white; border: 1px solid #007399; } button:hover, .button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover { -webkit-box-shadow: inset 0.0625em 0.0625em 6.1875em rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0.0625em 0.0625em 6.1875em rgba(0, 0, 0, 0.1); box-shadow: inset 0.0625em 0.0625em 6.1875em rgba(0, 0, 0, 0.1); } button:active, .button:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active { border: 1px solid #004d66; font-size: 90%; -webkit-box-shadow: inset 0.0625em 0.0625em 6.1875em rgba(0, 0, 0, 0.1), inset 0.0625em 0.0625em 0.75em rgba(0, 0, 0, 0.1), inset -0.0625em -0.0625em 0.75em rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0.0625em 0.0625em 6.1875em rgba(0, 0, 0, 0.1), inset 0.0625em 0.0625em 0.75em rgba(0, 0, 0, 0.1), inset -0.0625em -0.0625em 0.75em rgba(0, 0, 0, 0.1); box-shadow: inset 0.0625em 0.0625em 6.1875em rgba(0, 0, 0, 0.1), inset 0.0625em 0.0625em 0.75em rgba(0, 0, 0, 0.1), inset -0.0625em -0.0625em 0.75em rgba(0, 0, 0, 0.1); } /* --------------- EDGE Typography --------------- */ h1 { font-size: 2.75em; } h2 { font-size: 2.3125em; } h3 { font-size: 1.6875em; } h4 { font-size: 1.4375em; } h5 { font-size: 1.125em; } h6 { font-size: 1em; } code { display: inline-block; } code, code pre { font-family: "Source Code Pro", "Consolas", "monospace"; } input::-ms-clear { display: none; } input::-webkit-calendar-picker-indicator { display: none; } input[type="date"]::-webkit-input-placeholder { visibility: hidden !important; } /* --------------- EDGE Grid --------------- */ body.not-responsive { min-width: 71.25em; } body.only-responsive-below-small { min-width: 71.25em; } @media only screen and (max-width: 767px) { body.only-responsive-below-small { min-width: 0; } } .row { zoom: 1; width: 100%; max-width: 71.25em; margin: 0 auto; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .row .column, .row .columns { position: relative; margin-right: 2.19298%; float: left; } .row .column:last-child, .row .columns:last-child { margin-right: 0; } .row .column.last, .row .columns.last { margin-right: 0 !important; } .row .large-1 { width: 6.3231%; } .row .large-2 { width: 14.83918%; } .row .large-3 { width: 23.35526%; } .row .large-4 { width: 31.87135%; } .row .large-5 { width: 40.38743%; } .row .large-6 { width: 48.90351%; } .row .large-7 { width: 57.41959%; } .row .large-8 { width: 65.93567%; } .row .large-9 { width: 74.45175%; } .row .large-10 { width: 82.96784%; } .row .large-11 { width: 91.48392%; } .row .large-12 { width: 100%; } .row.collapse .column, .row.collapse .columns { padding-left: 0; padding-right: 0; margin-right: 0; float: left; } .row.collapse .row { width: auto; max-width: none; margin: 0; } .row.collapse .row .column, .row.collapse .row .columns { position: relative; margin-right: 2.19298%; margin-right: 0; float: left; } .row.collapse .row .column:last-child, .row.collapse .row .columns:last-child { margin-right: 0; } .row.collapse .large-1 { width: 8.33333%; } .row.collapse .large-2 { width: 16.66667%; } .row.collapse .large-3 { width: 25%; } .row.collapse .large-4 { width: 33.33333%; } .row.collapse .large-5 { width: 41.66667%; } .row.collapse .large-6 { width: 50%; } .row.collapse .large-7 { width: 58.33333%; } .row.collapse .large-8 { width: 66.66667%; } .row.collapse .large-9 { width: 75%; } .row.collapse .large-10 { width: 83.33333%; } .row.collapse .large-11 { width: 91.66667%; } .row.collapse .large-12 { width: 100%; } .row .row { width: auto; max-width: none; margin-left: 0; margin-right: 0; } .row .large-offset-1 { margin-left: 8.33333%; } .row .large-offset-2 { margin-left: 16.66667%; } .row .large-offset-3 { margin-left: 25%; } .row .large-offset-4 { margin-left: 33.33333%; } .row .large-offset-5 { margin-left: 41.66667%; } .row .large-offset-6 { margin-left: 50%; } .row .large-offset-7 { margin-left: 58.33333%; } .row .large-offset-8 { margin-left: 66.66667%; } .row .large-offset-9 { margin-left: 75%; } .row .large-offset-10 { margin-left: 83.33333%; } .column.large-centered, .columns.large-centered { margin-left: auto !important; margin-right: auto !important; float: none !important; } .row .push-2 { left: 17.03216%; right: auto; } .row .pull-2 { right: 17.03216%; left: auto; } .row.collapse .push-2 { margin-right: 0; left: 16.66667%; right: auto; } .row.collapse .pull-2 { margin-right: 0; right: 16.66667%; left: auto; } .row .push-3 { left: 25.54825%; right: auto; } .row .pull-3 { right: 25.54825%; left: auto; } .row.collapse .push-3 { margin-right: 0; left: 25%; right: auto; } .row.collapse .pull-3 { margin-right: 0; right: 25%; left: auto; } .row .push-4 { left: 34.06433%; right: auto; } .row .pull-4 { right: 34.06433%; left: auto; } .row.collapse .push-4 { margin-right: 0; left: 33.33333%; right: auto; } .row.collapse .pull-4 { margin-right: 0; right: 33.33333%; left: auto; } .row .push-5 { left: 42.58041%; right: auto; } .row .pull-5 { right: 42.58041%; left: auto; } .row.collapse .push-5 { margin-right: 0; left: 41.66667%; right: auto; } .row.collapse .pull-5 { margin-right: 0; right: 41.66667%; left: auto; } .row .push-6 { left: 51.09649%; right: auto; } .row .pull-6 { right: 51.09649%; left: auto; } .row.collapse .push-6 { margin-right: 0; left: 50%; right: auto; } .row.collapse .pull-6 { margin-right: 0; right: 50%; left: auto; } .row .push-7 { left: 59.61257%; right: auto; } .row .pull-7 { right: 59.61257%; left: auto; } .row.collapse .push-7 { margin-right: 0; left: 58.33333%; right: auto; } .row.collapse .pull-7 { margin-right: 0; right: 58.33333%; left: auto; } .row .push-8 { left: 68.12865%; right: auto; } .row .pull-8 { right: 68.12865%; left: auto; } .row.collapse .push-8 { margin-right: 0; left: 66.66667%; right: auto; } .row.collapse .pull-8 { margin-right: 0; right: 66.66667%; left: auto; } .row .push-9 { left: 76.64474%; right: auto; } .row .pull-9 { right: 76.64474%; left: auto; } .row.collapse .push-9 { margin-right: 0; left: 75%; right: auto; } .row.collapse .pull-9 { margin-right: 0; right: 75%; left: auto; } .row .push-10 { left: 85.16082%; right: auto; } .row .pull-10 { right: 85.16082%; left: auto; } .row.collapse .push-10 { margin-right: 0; left: 83.33333%; right: auto; } .row.collapse .pull-10 { margin-right: 0; right: 83.33333%; left: auto; } @media only screen and (min-width: 767px) { .small-push-2 { left: inherit; } .small-pull-2 { right: inherit; } .small-push-3 { left: inherit; } .small-pull-3 { right: inherit; } .small-push-4 { left: inherit; } .small-pull-4 { right: inherit; } .small-push-5 { left: inherit; } .small-pull-5 { right: inherit; } .small-push-6 { left: inherit; } .small-pull-6 { right: inherit; } .small-push-7 { left: inherit; } .small-pull-7 { right: inherit; } .small-push-8 { left: inherit; } .small-pull-8 { right: inherit; } .small-push-9 { left: inherit; } .small-pull-9 { right: inherit; } .small-push-10 { left: inherit; } .small-pull-10 { right: inherit; } } @media only screen and (max-width: 767px) { .row .column, .row .columns, .row.collapse .column, .row.collapse .columns { width: 100%; float: left; } .row .column[class*="push"], .row .column[class*="pull"], .row .columns[class*="push"], .row .columns[class*="pull"], .row.collapse .column[class*="push"], .row.collapse .column[class*="pull"], .row.collapse .columns[class*="push"], .row.collapse .columns[class*="pull"] { left: auto; right: auto; } .row [class*="large-offset"] { margin-left: 0; } .row .small-1 { width: 6.3231%; } .row .small-2 { width: 14.83918%; } .row .small-3 { width: 23.35526%; } .row .small-4 { width: 31.87135%; } .row .small-5 { width: 40.38743%; } .row .small-6 { width: 48.90351%; } .row .small-7 { width: 57.41959%; } .row .small-8 { width: 65.93567%; } .row .small-9 { width: 74.45175%; } .row .small-10 { width: 82.96784%; } .row .small-11 { width: 91.48392%; } .row .small-12 { width: 100%; } .row .small-offset-1, .row.collapse .small-offset-1 { margin-left: 8.33333%; } .row .small-offset-2, .row.collapse .small-offset-2 { margin-left: 16.66667%; } .row .small-offset-3, .row.collapse .small-offset-3 { margin-left: 25%; } .row .small-offset-4, .row.collapse .small-offset-4 { margin-left: 33.33333%; } .row .small-offset-5, .row.collapse .small-offset-5 { margin-left: 41.66667%; } .row .small-offset-6, .row.collapse .small-offset-6 { margin-left: 50%; } .row .small-offset-7, .row.collapse .small-offset-7 { margin-left: 58.33333%; } .row .small-offset-8, .row.collapse .small-offset-8 { margin-left: 66.66667%; } .row .small-offset-9, .row.collapse .small-offset-9 { margin-left: 75%; } .row .small-offset-10, .row.collapse .small-offset-10 { margin-left: 83.33333%; } .column.small-centered, .columns.small-centered { margin-left: auto !important; margin-right: auto !important; float: none !important; } } /* --------------- EDGE Block Grid --------------- */ [class*="block-grid-"] { display: block; padding: 0; zoom: 1; } [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } [class*="block-grid-"]:after { clear: both; } [class*="block-grid-"] > li { display: block; height: auto; float: left; margin-right: 2.19298%; } .large-block-grid-2 > li { width: 48.90351%; } .large-block-grid-2 > li:nth-of-type(2n) { margin-right: 0; } .large-block-grid-2.collapse > li { width: 50%; } .large-block-grid-3 > li { width: 31.87135%; } .large-block-grid-3 > li:nth-of-type(3n) { margin-right: 0; } .large-block-grid-3.collapse > li { width: 33.33333%; } .large-block-grid-4 > li { width: 23.35526%; } .large-block-grid-4 > li:nth-of-type(4n) { margin-right: 0; } .large-block-grid-4.collapse > li { width: 25%; } .large-block-grid-5 > li { width: 18.24561%; } .large-block-grid-5 > li:nth-of-type(5n) { margin-right: 0; } .large-block-grid-5.collapse > li { width: 20%; } .large-block-grid-6 > li { width: 14.83918%; } .large-block-grid-6 > li:nth-of-type(6n) { margin-right: 0; } .large-block-grid-6.collapse > li { width: 16.66667%; } .large-block-grid-7 > li { width: 12.40602%; } .large-block-grid-7 > li:nth-of-type(7n) { margin-right: 0; } .large-block-grid-7.collapse > li { width: 14.28571%; } .large-block-grid-8 > li { width: 10.58114%; } .large-block-grid-8 > li:nth-of-type(8n) { margin-right: 0; } .large-block-grid-8.collapse > li { width: 12.5%; } .large-block-grid-9 > li { width: 9.16179%; } .large-block-grid-9 > li:nth-of-type(9n) { margin-right: 0; } .large-block-grid-9.collapse > li { width: 11.11111%; } .large-block-grid-10 > li { width: 8.02632%; } .large-block-grid-10 > li:nth-of-type(10n) { margin-right: 0; } .large-block-grid-10.collapse > li { width: 10%; } .large-block-grid-11 > li { width: 7.09729%; } .large-block-grid-11 > li:nth-of-type(11n) { margin-right: 0; } .large-block-grid-11.collapse > li { width: 9.09091%; } .large-block-grid-12 > li { width: 6.3231%; } .large-block-grid-12 > li:nth-of-type(12n) { margin-right: 0; } .large-block-grid-12.collapse > li { width: 8.33333%; } @media only screen and (max-width: 767px) { [class*="small-block-grid-"] > li { clear: none !important; } [class*="large-block-grid-"] > li { width: 100%; } [class*="large-block-grid-"] > li:nth-child(n+1) { margin-right: 2.19298%; } .small-block-grid-2 > li { width: 48.90351%; } .small-block-grid-2 > li:nth-of-type(2n) { margin-right: 0; } .small-block-grid-2.collapse > li { width: 50%; } .small-block-grid-3 > li { width: 31.87135%; } .small-block-grid-3 > li:nth-of-type(3n) { margin-right: 0; } .small-block-grid-3.collapse > li { width: 33.33333%; } .small-block-grid-4 > li { width: 23.35526%; } .small-block-grid-4 > li:nth-of-type(4n) { margin-right: 0; } .small-block-grid-4.collapse > li { width: 25%; } .small-block-grid-5 > li { width: 18.24561%; } .small-block-grid-5 > li:nth-of-type(5n) { margin-right: 0; } .small-block-grid-5.collapse > li { width: 20%; } .small-block-grid-6 > li { width: 14.83918%; } .small-block-grid-6 > li:nth-of-type(6n) { margin-right: 0; } .small-block-grid-6.collapse > li { width: 16.66667%; } .small-block-grid-7 > li { width: 12.40602%; } .small-block-grid-7 > li:nth-of-type(7n) { margin-right: 0; } .small-block-grid-7.collapse > li { width: 14.28571%; } .small-block-grid-8 > li { width: 10.58114%; } .small-block-grid-8 > li:nth-of-type(8n) { margin-right: 0; } .small-block-grid-8.collapse > li { width: 12.5%; } .small-block-grid-9 > li { width: 9.16179%; } .small-block-grid-9 > li:nth-of-type(9n) { margin-right: 0; } .small-block-grid-9.collapse > li { width: 11.11111%; } .small-block-grid-10 > li { width: 8.02632%; } .small-block-grid-10 > li:nth-of-type(10n) { margin-right: 0; } .small-block-grid-10.collapse > li { width: 10%; } .small-block-grid-11 > li { width: 7.09729%; } .small-block-grid-11 > li:nth-of-type(11n) { margin-right: 0; } .small-block-grid-11.collapse > li { width: 9.09091%; } .small-block-grid-12 > li { width: 6.3231%; } .small-block-grid-12 > li:nth-of-type(12n) { margin-right: 0; } .small-block-grid-12.collapse > li { width: 8.33333%; } } [class*="block-grid-"].collapse { display: block; padding: 0; zoom: 1; } [class*="block-grid-"].collapse:before, [class*="block-grid-"].collapse:after { content: " "; display: table; } [class*="block-grid-"].collapse:after { clear: both; } [class*="block-grid-"].collapse > li { display: block; height: auto; float: left; margin-right: 0; } /* --------------- EDGE Visibility --------------- */ /* Above small breakpoint (>$small-screen) */ .show-for-small, .hide-for-large { display: none !important; } .show-for-large, .hide-for-small { display: inherit !important; } table.show-for-large, table.hide-for-small { display: table !important; } thead.show-for-large, thead.hide-for-small { display: table-header-group !important; } tbody.show-for-large, tbody.hide-for-small { display: table-row-group !important; } tr.show-for-large, tr.hide-for-small { display: table-row !important; } td.show-for-large, td.hide-for-small, th.show-for-large, th.hide-for-small { display: table-cell !important; } span.show-for-large, span.hide-for-small, b.show-for-large, b.hide-for-small, em.show-for-large, em.hide-for-small, strong.show-for-large, strong.hide-for-small, .bold.show-for-large, .bold.hide-for-small, .italic.show-for-large, .italic.hide-for-small, code.show-for-large, code.hide-for-small { display: inline-block !important; } /* Below small breakpoint (<=$small-screen) */ @media only screen and (max-width: 767px) { .show-for-large, .hide-for-small { display: none !important; } .show-for-small, .hide-for-large { display: inherit !important; } table.show-for-small, table.hide-for-large { display: table !important; } thead.show-for-small, thead.hide-for-large { display: table-header-group !important; } tbody.show-for-small, tbody.hide-for-large { display: table-row-group !important; } tr.show-for-small, tr.hide-for-large { display: table-row !important; } td.show-for-small, td.hide-for-large, th.show-for-small, th.hide-for-large { display: table-cell !important; } span.show-for-small, span.hide-for-large, b.show-for-small, b.hide-for-large, em.show-for-small, em.hide-for-large, strong.show-for-small, strong.hide-for-large, .bold.show-for-small, .bold.hide-for-large, .italic.show-for-small, .italic.hide-for-large, code.show-for-small, code.hide-for-large { display: inline-block !important; } } /* ------------------------------ H5BP PRINT - Style for printing the website --------------------------------- */ @media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* Don't show links for images, or javascript/internal links */ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }