From 35c7e66ab338d86eb26c5d47bfc28dc2df2e43f0 Mon Sep 17 00:00:00 2001 From: Sebastian Nitu Date: Sat, 24 Dec 2016 13:59:15 -0800 Subject: [PATCH] Removed fancy breadcrumbs options, variables and mixins to help simplify the breadcrumbs module --- docs/assets/css/baseweb.css | 115 -------------------- docs/assets/css/baseweb.min.css | 2 +- docs/docs/blocks/breadcrumbs.md | 168 ------------------------------ src/css/baseweb.css | 116 +-------------------- src/css/baseweb.min.css | 3 +- src/scss/blocks/_breadcrumbs.scss | 165 ----------------------------- 6 files changed, 4 insertions(+), 565 deletions(-) diff --git a/docs/assets/css/baseweb.css b/docs/assets/css/baseweb.css index 31cf38cd..7c5ada53 100644 --- a/docs/assets/css/baseweb.css +++ b/docs/assets/css/baseweb.css @@ -2401,121 +2401,6 @@ fieldset[disabled] .input { border-radius: 3px; } -.breadcrumb.fancy { - display: block; - margin: 1em 0; - font-size: 1em; -} - -.breadcrumb.fancy ul, -.breadcrumb.fancy ol { - display: table; - margin: 0; - overflow: hidden; - vertical-align: middle; - list-style: none; - background: #e8f3fa; - border: 1px solid rgba(0, 0, 0, 0.1); - border-radius: 3px; -} - -.breadcrumb.fancy ul:after, -.breadcrumb.fancy ol:after { - content: none; - display: none; - clear: none; -} - -.breadcrumb.fancy li { - display: table-cell; - margin: 0; - float: none; -} - -.breadcrumb.fancy li:first-child a, .breadcrumb.fancy li:first-child .item { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} - -.breadcrumb.fancy li:after { - content: none; - display: none; -} - -.breadcrumb.fancy li a, -.breadcrumb.fancy li .item { - position: relative; - display: block; - padding: 0.5em 0.5em 0.5em 2em; - color: #303030; - white-space: nowrap; - background: #e8f3fa; - border: 0 none; - -webkit-transition: background 0.25s linear; - transition: background 0.25s linear; -} - -.breadcrumb.fancy li a span, -.breadcrumb.fancy li .item span { - position: relative; - z-index: 2; -} - -.breadcrumb.fancy li a:after, -.breadcrumb.fancy li .item:after { - width: 2em; - height: 2em; - content: ''; - position: absolute; - z-index: 1; - top: 50%; - right: -1em; - margin: -1em 0 0 0; - background: #e8f3fa; - background-clip: padding-box; - border-top: 1px solid rgba(0, 0, 0, 0.15); - border-right: 1px solid rgba(0, 0, 0, 0.15); - -webkit-transition: background 0.25s linear; - transition: background 0.25s linear; - border-radius: 0 5px 0 100%; - -webkit-transform: rotate(45deg) skew(10deg, 10deg); - -ms-transform: rotate(45deg) skew(10deg, 10deg); - transform: rotate(45deg) skew(10deg, 10deg); -} - -.breadcrumb.fancy li a:hover, -.breadcrumb.fancy li .item:hover { - background: #d3e8f5; -} - -.breadcrumb.fancy li a:hover:after, -.breadcrumb.fancy li .item:hover:after { - background: #d3e8f5; -} - -.breadcrumb.fancy li:first-child a, .breadcrumb.fancy li:first-child .item { - padding: 0.5em 0.5em 0.5em 1em; -} - -.breadcrumb.fancy li:last-child a, .breadcrumb.fancy li:last-child .item { - padding: 0.5em 1em 0.5em 2em; -} - -.breadcrumb.fancy li:last-child a:after, .breadcrumb.fancy li:last-child .item:after { - content: none; - display: none; -} - -.breadcrumb.fancy li .active, -.breadcrumb.fancy li .active:hover { - background: #ffffff; -} - -.breadcrumb.fancy li .active:after, -.breadcrumb.fancy li .active:hover:after { - background: #ffffff; -} - /*============================================================================== @Dropdowns - scss/blocks/_dropdowns.scss ==============================================================================*/ diff --git a/docs/assets/css/baseweb.min.css b/docs/assets/css/baseweb.min.css index f435a25b..6db7584d 100644 --- a/docs/assets/css/baseweb.min.css +++ b/docs/assets/css/baseweb.min.css @@ -7,4 +7,4 @@ * @url http://sebnitu.com * * Copyright (c) 2016 Sebastian Nitu (MIT Licensed) - */html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}table{font-size:1em}*,*:before,*:after{-moz-box-sizing:border-box;box-sizing:border-box}::-moz-selection{background:rgba(132,183,45,0.25);text-shadow:none}::selection{background:rgba(132,183,45,0.25);text-shadow:none}.clearfix:after{content:'';display:table;clear:both}.remove-clearfix:after{content:none;display:none;clear:none}.float-left{float:left}.float-right{float:right}html{font-size:14px}body{font-family:"Open Sans","Helvetica Neue","HelveticaNeue",helvetica,arial,sans-serif;font-size:14px;line-height:1.5em;font-weight:normal;color:#303030;-webkit-font-smoothing:subpixel-antialiased}h1,h2,h3,h4,h5,h6{margin:1rem 0;font-family:inherit;font-weight:normal;line-height:1.25em;color:#303030}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#1489C9;border:0 none}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{color:#b357cd}h1{font-size:2em}h2{font-size:1.75em}h3{font-size:1.25em}h4{font-size:1.1em}h5{font-size:1.1em;color:rgba(48,48,48,0.6)}h6{font-size:1.1em;color:rgba(48,48,48,0.3)}@media (min-width: 760px){h1{font-size:3em}h2{font-size:2em}h3{font-size:1.5em}h4,h5,h6{font-size:1.25em}}p{margin:1em 0}a{color:#1489C9;text-decoration:none;border-bottom:1px solid rgba(0,0,0,0.1);-webkit-transition:all 0.25s linear;transition:all 0.25s linear}a:hover{cursor:pointer;color:#b357cd;border-color:#b357cd}strong{font-weight:bold}em{font-style:italic}small{font-size:0.8em}mark{margin:0 2px;padding:0 5px;background:rgba(255,255,0,0.5);border-radius:3px}cite{font-style:italic}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #aaa}.text-lead{font-size:1.57143em;line-height:1.4em;color:#303030;font-weight:300}.text-small{font-size:0.8em;line-height:1.5em}.text-soften{font-weight:normal;color:#aaa}.text-harden{font-weight:bold;color:#303030}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}ul,ol{margin:1em 0 1em 2em;padding:0}ul ul,ul ol,ul li,ol ul,ol ol,ol li{margin-top:0.5em;margin-bottom:0.5em}ul,ul ul ul ul{list-style:disc}ul ul{list-style:circle}ul ul ul{list-style:disc}ol,ol ol ol ol{list-style:decimal}ol ol{list-style:lower-alpha}ol ol ol{list-style:lower-roman}dl{margin:1em 0}dl dt{margin:1em 0 0;font-weight:bold;color:#303030}dl dd{margin:0 0 1em 1em}.list{list-style:none;margin:1rem 0;background:none}.list>li{margin:0;padding:1rem;background-clip:padding-box}.list>li:after{content:'';display:table;clear:both}.list.flush>li,.list-docs>li{padding-left:0;padding-right:0}.list.rowed>li,.list-docs>li{border-bottom:1px solid rgba(0,0,0,0.1)}.list.rowed>li:first-child,.list-docs>li:first-child{border-top:1px solid rgba(0,0,0,0.1)}.list.bordered{border:1px solid rgba(0,0,0,0.1)}.list.bordered>li{border-bottom:1px solid rgba(0,0,0,0.1)}.list.bordered>li:last-child{border-bottom:0 none}.list.linked>li{padding:0}.list.linked>li>a{display:block;padding:1rem;background-clip:padding-box;border:0 none}.list.linked>li>a:after{content:'';display:table;clear:both}.list.rounded{border-radius:3px}.list.rounded>li:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.list.rounded>li:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.list.striped>li:nth-of-type(odd){background-color:rgba(0,0,0,0.05)}.list.hover>li{-webkit-transition:background-color 0.25s linear;transition:background-color 0.25s linear}.list.hover>li:hover{background-color:rgba(241,196,15,0.1)}blockquote{margin:1rem 0;padding:0.5em 1.5em;background:#f5f5f5;border-radius:3px}blockquote footer,blockquote .blockquote-footer{display:block;position:relative;margin:1rem 0;font-size:100%}@media (min-width: 760px){blockquote{padding:1em 2em}}code,pre{background:#f5f5f5;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:1em;line-height:1.5em;border-radius:3px}code{display:inline;margin:0;padding:0;white-space:nowrap;line-height:inherit;color:#de5151;background:none}pre{margin:1.5rem 0;padding:0.75rem;overflow:auto;color:#303030}pre code{display:block;margin:0;padding:0.75rem;overflow:auto;white-space:pre;font-size:100%;color:inherit;background:none;border:0 none}pre.max-height{max-height:400px}table{border-collapse:collapse;border-spacing:0;width:100%;max-width:100%;margin:1rem 0;overflow:auto}table tr{vertical-align:top}table th{color:#303030;font-weight:bold;text-align:left}.table{margin:2em 0;background:none;border-collapse:separate}.table td,.table th{padding:0.5em 0.75em}.table.rowed td,.table-docs td,.table.rowed th,.table-docs th{border-bottom:1px solid rgba(0,0,0,0.1)}.table.rowed thead:first-child tr:first-child td,.table-docs thead:first-child tr:first-child td,.table.rowed thead:first-child tr:first-child th,.table-docs thead:first-child tr:first-child th,.table.rowed tfoot:first-child tr:first-child td,.table-docs tfoot:first-child tr:first-child td,.table.rowed tfoot:first-child tr:first-child th,.table-docs tfoot:first-child tr:first-child th,.table.rowed tbody:first-child tr:first-child td,.table-docs tbody:first-child tr:first-child td,.table.rowed tbody:first-child tr:first-child th,.table-docs tbody:first-child tr:first-child th{border-top:1px solid rgba(0,0,0,0.1)}.table.columned td,.table.columned th{border-right:1px solid rgba(0,0,0,0.1)}.table.columned tr td:first-child,.table.columned tr th:first-child{border-left:1px solid rgba(0,0,0,0.1)}.table.bordered td,.table.bordered th{border-bottom:1px solid rgba(0,0,0,0.1)}.table.bordered thead:first-child tr:first-child td,.table.bordered thead:first-child tr:first-child th,.table.bordered tfoot:first-child tr:first-child td,.table.bordered tfoot:first-child tr:first-child th,.table.bordered tbody:first-child tr:first-child td,.table.bordered tbody:first-child tr:first-child th{border-top:1px solid rgba(0,0,0,0.1)}.table.bordered td,.table.bordered th{border-right:1px solid rgba(0,0,0,0.1)}.table.bordered tr td:first-child,.table.bordered tr th:first-child{border-left:1px solid rgba(0,0,0,0.1)}.table.condensed td,.table.condensed th{padding:0.25em 0.5em}.table.expanded td,.table-docs td,.table.expanded th,.table-docs th{padding:1em 1.25em}.table.rounded{border-radius:3px}.table.rounded thead:first-child tr:first-child td:first-child,.table.rounded thead:first-child tr:first-child th:first-child,.table.rounded tfoot:first-child tr:first-child td:first-child,.table.rounded tfoot:first-child tr:first-child th:first-child,.table.rounded tbody:first-child tr:first-child td:first-child,.table.rounded tbody:first-child tr:first-child th:first-child{border-top-left-radius:3px}.table.rounded thead:first-child tr:first-child td:last-child,.table.rounded thead:first-child tr:first-child th:last-child,.table.rounded tfoot:first-child tr:first-child td:last-child,.table.rounded tfoot:first-child tr:first-child th:last-child,.table.rounded tbody:first-child tr:first-child td:last-child,.table.rounded tbody:first-child tr:first-child th:last-child{border-top-right-radius:3px}.table.rounded thead:last-child tr:last-child td:first-child,.table.rounded thead:last-child tr:last-child th:first-child,.table.rounded tfoot:last-child tr:last-child td:first-child,.table.rounded tfoot:last-child tr:last-child th:first-child,.table.rounded tbody:last-child tr:last-child td:first-child,.table.rounded tbody:last-child tr:last-child th:first-child{border-bottom-left-radius:3px}.table.rounded thead:last-child tr:last-child td:last-child,.table.rounded thead:last-child tr:last-child th:last-child,.table.rounded tfoot:last-child tr:last-child td:last-child,.table.rounded tfoot:last-child tr:last-child th:last-child,.table.rounded tbody:last-child tr:last-child td:last-child,.table.rounded tbody:last-child tr:last-child th:last-child{border-bottom-right-radius:3px}.table.striped tbody tr:nth-of-type(odd) td,.table.striped tbody tr:nth-of-type(odd) th{background-color:rgba(0,0,0,0.05)}.table.striped-horizontal tbody tr:nth-of-type(odd) td,.table.striped-horizontal tbody tr:nth-of-type(odd) th{background-color:rgba(0,0,0,0.05)}.table.striped-vertical tr td:nth-of-type(odd),.table.striped-vertical tr th:nth-of-type(odd){background-color:rgba(0,0,0,0.05)}.table.hover tbody tr td{-webkit-transition:background-color 0.25s linear;transition:background-color 0.25s linear}.table.hover tbody tr:hover td{background-color:rgba(241,196,15,0.1)}.table.valign-baseline tr{vertical-align:baseline}.table.valign-top tr{vertical-align:top}.table.valign-middle tr,.table-docs tr{vertical-align:middle}.table.valign-bottom tr{vertical-align:bottom}.table.align-left tr td,.table.align-left tr th{text-align:left}.table.align-center tr td,.table.align-center tr th{text-align:center}.table.align-right tr td,.table.align-right tr th{text-align:right}.table-responsive{margin:2em 0}.table-responsive>table{margin:0}@media (max-width: 759px){.table-responsive{overflow:auto}.table-responsive>table td,.table-responsive>table th{white-space:nowrap}}img{display:block;margin:1rem 0;max-width:100%;height:auto}img.align-center{display:block;margin-left:auto;margin-right:auto}p img.align-center{margin-top:0;margin-bottom:0}img.align-left{float:left;margin:1rem 1.5rem 1rem 0}p img.align-left{margin-top:0}img.align-right{float:right;margin:1rem 0 1rem 1.5rem}p img.align-right{margin-top:0}img.rounded{border-radius:3px}img.circle{border-radius:50%}img.polaroid{background:#fff;background-clip:padding-box;padding:0.5rem;border:1px solid rgba(0,0,0,0.2);box-shadow:0 1px 3px rgba(0,0,0,0.1)}hr{display:block;height:0;width:100%;clear:both;margin:2rem 0;padding:0;background:none;border:0 none;border-bottom:1px solid rgba(0,0,0,0.1)}hr.dotted{border-bottom:1px dotted rgba(0,0,0,0.25)}hr.dashed{border-bottom:1px dashed rgba(0,0,0,0.25)}hr.double{border-bottom:3px double rgba(0,0,0,0.1)}form{margin:2.25em 0;font-size:1em;line-height:1.5em}fieldset{margin:1.5em 0;padding:0;border:0 none}legend{display:inline-block;margin:-.75em .75em;padding:0 .75em;font-size:1.57143em;line-height:1.5em;font-weight:bold;color:#303030;border:0 none}form .row{margin-bottom:.75em}form .row:last-child{margin-bottom:0}form .col{margin-bottom:.75em}form .col:last-child{margin-bottom:0}@media (min-width: 760px){form .col{margin-bottom:0}}.form-group{margin-bottom:1.5em}.form-group:last-child{margin-bottom:0}.form-group.inline{margin-right:-0.75em;margin-bottom:.75em}.form-group.inline:after{content:'';display:table;clear:both}.form-group.inline:last-child{margin-bottom:-.75em}.form-group.inline>*{float:left;width:auto;margin-right:0.75em;margin-bottom:.75em}.form-group.inline>*.float-right{float:right}.form-group.inline .form-group,.form-group.inline .input-group{display:inline-block;vertical-align:top;margin:0 .75em 0 0}.form-group.inline .form-group:last-child,.form-group.inline .input-group:last-child{margin-right:0}.form-header{margin-bottom:1.5em;color:#aaa}.form-header:last-child{margin-bottom:0}.form-header h1,.form-header h2,.form-header h3,.form-header h4,.form-header h5,.form-header h6{margin:.5em 0;font-size:1.4em;line-height:1.2em}.form-header p{margin:.5em 0;color:#aaa}.form-action{margin-bottom:1.5em}.form-action:last-child{margin-bottom:0}.form-action:after{content:'';display:table;clear:both}.form-action .button,.form-action .input-align{float:left;margin:0 .75em 0 0}.form-action .button:last-child,.form-action .input-align:last-child{margin-right:0}.form-action .button.float-right,.form-action .input-align.float-right{float:right}.form-action .input-align{margin-top:0.75em;border-top:1px solid rgba(0,0,0,0.2);border-color:transparent}.form-action.form-action-center{text-align:center}.form-action.form-action-center .button,.form-action.form-action-center .input-align{display:inline-block;float:none}.input-group{margin-bottom:1.5em}.input-group:last-child{margin-bottom:0}.input-group.inline{margin-right:-0.75em;margin-bottom:.75em}.input-group.inline:after{content:'';display:table;clear:both}.input-group.inline:last-child{margin-bottom:-.75em}.input-group.inline>*{float:left;width:auto;margin-right:0.75em;margin-bottom:.75em}.input-group.inline>*.float-right{float:right}label{display:inline-block;margin:0 0 .5em 0;font-size:1em;line-height:1.5em;font-weight:600;color:#303030}label:last-child{margin-bottom:0}label.sub{font-weight:normal}label.hide{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}label.block{display:block;padding-top:0.75em;border-top:1px solid rgba(0,0,0,0.2);border-color:transparent}label.inline{display:inline-block;padding-top:0.75em;border-top:1px solid rgba(0,0,0,0.2);border-color:transparent}.inline label.block,.inline label.inline{padding-bottom:0.75em;border-top:1px solid rgba(0,0,0,0.2);border-color:transparent}.input,.checkbox,.radio,.choice{position:relative;display:block;width:100%;margin:0 0 .75em 0}.input:last-child,.checkbox:last-child,.radio:last-child,.choice:last-child{margin-bottom:0}.input{padding:.75em;font-family:inherit;font-size:1em;line-height:1.5em;color:#303030;background-color:rgba(255,255,255,0.5);border:1px solid rgba(0,0,0,0.2);box-shadow:0 1px 3px transparent,inset 0 1px 3px rgba(0,0,0,0.05);-moz-box-sizing:border-box;box-sizing:border-box;border-radius:3px;-webkit-transition:border-color 0.25s,background-color 0.25s,box-shadow 0.25s;transition:border-color 0.25s,background-color 0.25s,box-shadow 0.25s}.input::-webkit-input-placeholder{color:#aaa}.input:-moz-placeholder{color:#aaa}.input::-moz-placeholder{color:#aaa}.input:-ms-input-placeholder{color:#aaa}.input:focus{outline:none;background-color:#fff;border:1px solid #1489c9;box-shadow:0 1px 3px rgba(0,0,0,0.05),inset 0 1px 3px transparent}.input.disabled,.input[readonly],.input[disabled]{opacity:0.5;background:rgba(0,0,0,0.05)}.checkbox,.radio,.choice{cursor:pointer;color:#303030;font-weight:normal}.checkbox.disabled,.radio.disabled,.choice.disabled{opacity:0.5}.choice{padding:0.75em 0.75em 0.75em 2.25em;background:rgba(0,0,0,0.05);border:1px solid transparent;box-shadow:none;border-radius:3px}.choice input[type="checkbox"],.choice input[type="radio"]{position:absolute;top:auto;margin:5px 0 0 -20px}input[type="checkbox"],input[type="radio"]{position:relative;top:-1px;margin:0 5px 0 0}input[type="file"],input[type="range"]{display:block;margin:0 0 .75em 0}input[type="range"]{width:100%}input[type="search"]{-webkit-appearance:none}input[type="color"].input{width:3.125rem;height:3.125rem;padding:.25em}textarea.input{height:auto;max-width:100%}select.input{-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,");background-position:100% center;background-repeat:no-repeat;padding-right:30px}select[multiple].input,select[size].input{height:auto;padding:.75em;background-image:none}.note{margin-bottom:.75em;font-size:1em;color:#aaa}.note:last-child{margin-bottom:0}.note p{margin:0 0 .75em 0}.note p:last-child{margin-bottom:0}label+.note{margin-top:0}.form-group+.note,.input-group+.note{margin-top:-.75em}.req{color:#de5151}label.inline,.button.inline,.input.inline,.checkbox.inline,.radio.inline,.choice.inline,.inline label,.inline .button,.inline .input,.inline .checkbox,.inline .radio,.inline .choice{float:left;width:auto;margin-right:0.75em;margin-bottom:.75em}label.inline.float-right,.button.inline.float-right,.input.inline.float-right,.checkbox.inline.float-right,.radio.inline.float-right,.choice.inline.float-right,.inline label.float-right,.inline .button.float-right,.inline .input.float-right,.inline .checkbox.float-right,.inline .radio.float-right,.inline .choice.float-right{float:right}.disabled input[type="file"],.disabled input[type="range"],.disabled input[type="checkbox"],.disabled input[type="radio"],.disabled .input,.disabled .checkbox,.disabled .radio,.disabled .choice,fieldset[disabled] input[type="file"],fieldset[disabled] input[type="range"],fieldset[disabled] input[type="checkbox"],fieldset[disabled] input[type="radio"],fieldset[disabled] .input,fieldset[disabled] .checkbox,fieldset[disabled] .radio,fieldset[disabled] .choice{opacity:0.5}.disabled .input,fieldset[disabled] .input{background:rgba(0,0,0,0.05)}.input.success{border-color:#84b72d}.checkbox.success,.radio.success,.note.success{color:#668e23}.choice.success{background-color:rgba(132,183,45,0.1)}.success .input{border-color:#84b72d}.success .checkbox,.success .radio,.success .note{color:#668e23}.success .choice{background-color:rgba(132,183,45,0.1)}.input.warning{border-color:#dab10d}.checkbox.warning,.radio.warning,.note.warning{color:#c29d0b}.choice.warning{background-color:rgba(218,177,13,0.15)}.warning .input{border-color:#dab10d}.warning .checkbox,.warning .radio,.warning .note{color:#c29d0b}.warning .choice{background-color:rgba(218,177,13,0.15)}.input.error{border-color:#de5151}.checkbox.error,.radio.error,.note.error{color:#d42828}.choice.error{background-color:rgba(222,81,81,0.1)}.error .input{border-color:#de5151}.error .checkbox,.error .radio,.error .note{color:#d42828}.error .choice{background-color:rgba(222,81,81,0.1)}.input.active{border-color:#1489C9}.checkbox.active,.radio.active,.note.active{color:#0f699b}.choice.active{background-color:rgba(20,137,201,0.1)}.active .input{border-color:#1489C9}.active .checkbox,.active .radio,.active .note{color:#0f699b}.active .choice{background-color:rgba(20,137,201,0.1)}.button{cursor:pointer;display:inline-block;outline:none;margin:0;padding:0.75em 1.5em;font-family:inherit;font-size:1em;line-height:1.5em;font-weight:inherit;color:#303030;text-align:center;white-space:nowrap;vertical-align:top;background:none;box-shadow:inset 0 0 0 transparent;border:1px solid rgba(0,0,0,0.15);border-radius:3px;-webkit-transition-property:color,background-color,box-shadow,border-color;transition-property:color,background-color,box-shadow,border-color;-webkit-transition-duration:0.75s;transition-duration:0.75s;-webkit-transition-timing-function:linear;transition-timing-function:linear;color:#303030;text-shadow:none;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,0.15)}.button:hover,.button:focus{color:#303030;background:none;box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);border-color:rgba(0,0,0,0.25);-webkit-transition-property:color,background-color,box-shadow,border-color;transition-property:color,background-color,box-shadow,border-color;-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:linear;transition-timing-function:linear}.button:active{color:#303030;background:none;box-shadow:inset 0 1px 3px rgba(0,0,0,0.2);border-color:rgba(0,0,0,0.25);-webkit-transition-property:color,background-color,box-shadow,border-color;transition-property:color,background-color,box-shadow,border-color;-webkit-transition-duration:0;transition-duration:0;-webkit-transition-timing-function:linear;transition-timing-function:linear}.button:hover,.button:focus{color:#303030;background-color:#fafafa;border-color:rgba(0,0,0,0.25)}.button:active{color:#303030;background-color:#f5f5f5;border-color:rgba(0,0,0,0.25)}.button.inverted{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.25);background-color:#303030;background-clip:border-box;border:1px solid rgba(255,255,255,0.15)}.button.inverted:hover,.button.inverted:focus{color:#fff;background-color:#353535;border-color:rgba(255,255,255,0.25)}.button.inverted:active{color:#fff;background-color:#3a3a3a;border-color:rgba(255,255,255,0.25)}.button.clip-border{background-clip:border-box}.button.clip-padding{background-clip:padding-box}.button.default,.button-group.default .button,.button-group-wrapper.default .button{color:#303030;text-shadow:none;background-color:#efefef;background-clip:border-box;border:1px solid rgba(0,0,0,0.15)}.button.default:hover,.button-group.default .button:hover,.button-group-wrapper.default .button:hover,.button.default:focus,.button-group.default .button:focus,.button-group-wrapper.default .button:focus{color:#303030;background-color:#eaeaea;border-color:rgba(0,0,0,0.25)}.button.default:active,.button-group.default .button:active,.button-group-wrapper.default .button:active{color:#303030;background-color:#e5e5e5;border-color:rgba(0,0,0,0.25)}.button.blue,.button.primary,.button.active,.button-group.blue .button,.button-group.primary .button,.button-group.active .button,.button-group-wrapper.blue .button,.button-group-wrapper.primary .button,.button-group-wrapper.active .button{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.25);background-color:#1489C9;background-clip:border-box;border:1px solid rgba(0,0,0,0.15)}.button.blue:hover,.button.primary:hover,.button.active:hover,.button-group.blue .button:hover,.button-group.primary .button:hover,.button-group.active .button:hover,.button-group-wrapper.blue .button:hover,.button-group-wrapper.primary .button:hover,.button-group-wrapper.active .button:hover,.button.blue:focus,.button.primary:focus,.button.active:focus,.button-group.blue .button:focus,.button-group.primary .button:focus,.button-group.active .button:focus,.button-group-wrapper.blue .button:focus,.button-group-wrapper.primary .button:focus,.button-group-wrapper.active .button:focus{color:#fff;background-color:#1279b2;border-color:rgba(0,0,0,0.25)}.button.blue:active,.button.primary:active,.button.active:active,.button-group.blue .button:active,.button-group.primary .button:active,.button-group.active .button:active,.button-group-wrapper.blue .button:active,.button-group-wrapper.primary .button:active,.button-group-wrapper.active .button:active{color:#fff;background-color:#0f699b;border-color:rgba(0,0,0,0.25)}.button.green,.button.success,.button-group.green .button,.button-group.success .button,.button-group-wrapper.green .button,.button-group-wrapper.success .button{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.25);background-color:#84b72d;background-clip:border-box;border:1px solid rgba(0,0,0,0.15)}.button.green:hover,.button.success:hover,.button-group.green .button:hover,.button-group.success .button:hover,.button-group-wrapper.green .button:hover,.button-group-wrapper.success .button:hover,.button.green:focus,.button.success:focus,.button-group.green .button:focus,.button-group.success .button:focus,.button-group-wrapper.green .button:focus,.button-group-wrapper.success .button:focus{color:#fff;background-color:#75a328;border-color:rgba(0,0,0,0.25)}.button.green:active,.button.success:active,.button-group.green .button:active,.button-group.success .button:active,.button-group-wrapper.green .button:active,.button-group-wrapper.success .button:active{color:#fff;background-color:#668e23;border-color:rgba(0,0,0,0.25)}.button.orange,.button.warning,.button-group.orange .button,.button-group.warning .button,.button-group-wrapper.orange .button,.button-group-wrapper.warning .button{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.25);background-color:#e69242;background-clip:border-box;border:1px solid rgba(0,0,0,0.15)}.button.orange:hover,.button.warning:hover,.button-group.orange .button:hover,.button-group.warning .button:hover,.button-group-wrapper.orange .button:hover,.button-group-wrapper.warning .button:hover,.button.orange:focus,.button.warning:focus,.button-group.orange .button:focus,.button-group.warning .button:focus,.button-group-wrapper.orange .button:focus,.button-group-wrapper.warning .button:focus{color:#fff;background-color:#e3852b;border-color:rgba(0,0,0,0.25)}.button.orange:active,.button.warning:active,.button-group.orange .button:active,.button-group.warning .button:active,.button-group-wrapper.orange .button:active,.button-group-wrapper.warning .button:active{color:#fff;background-color:#d8781d;border-color:rgba(0,0,0,0.25)}.button.red,.button.danger,.button-group.red .button,.button-group.danger .button,.button-group-wrapper.red .button,.button-group-wrapper.danger .button{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.25);background-color:#de5151;background-clip:border-box;border:1px solid rgba(0,0,0,0.15)}.button.red:hover,.button.danger:hover,.button-group.red .button:hover,.button-group.danger .button:hover,.button-group-wrapper.red .button:hover,.button-group-wrapper.danger .button:hover,.button.red:focus,.button.danger:focus,.button-group.red .button:focus,.button-group.danger .button:focus,.button-group-wrapper.red .button:focus,.button-group-wrapper.danger .button:focus{color:#fff;background-color:#da3c3c;border-color:rgba(0,0,0,0.25)}.button.red:active,.button.danger:active,.button-group.red .button:active,.button-group.danger .button:active,.button-group-wrapper.red .button:active,.button-group-wrapper.danger .button:active{color:#fff;background-color:#d42828;border-color:rgba(0,0,0,0.25)}.button.black,.button.secondary,.button-group.black .button,.button-group.secondary .button,.button-group-wrapper.black .button,.button-group-wrapper.secondary .button{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.25);background-color:#606060;background-clip:border-box;border:1px solid rgba(0,0,0,0.15)}.button.black:hover,.button.secondary:hover,.button-group.black .button:hover,.button-group.secondary .button:hover,.button-group-wrapper.black .button:hover,.button-group-wrapper.secondary .button:hover,.button.black:focus,.button.secondary:focus,.button-group.black .button:focus,.button-group.secondary .button:focus,.button-group-wrapper.black .button:focus,.button-group-wrapper.secondary .button:focus{color:#fff;background-color:#6d6d6d;border-color:rgba(0,0,0,0.25)}.button.black:active,.button.secondary:active,.button-group.black .button:active,.button-group.secondary .button:active,.button-group-wrapper.black .button:active,.button-group-wrapper.secondary .button:active{color:#fff;background-color:#7a7a7a;border-color:rgba(0,0,0,0.25)}.button.small,.button-group.small .button,.button-group-wrapper.small .button{padding:0.5em 1.25em;font-size:0.85em}.button.large,.button-group.large .button,.button-group-wrapper.large .button{font-size:1.4em}.button.block{display:block;width:100%}.button.clip-padding{background-clip:padding-box}.button.clip-border{background-clip:border-box}.button.close{width:1.5em;height:1.5em;padding:0;font-size:1.5em;line-height:1.5em;vertical-align:middle;background:none;border:0 none;box-shadow:none;border-radius:50%}.video-wrapper{position:relative;display:block;height:0;margin:2em 0;padding-bottom:56.25%;overflow:hidden}.video-wrapper .video-item,.video-wrapper embed,.video-wrapper iframe,.video-wrapper object,.video-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%;border:0 none}.video-wrapper .ratio-16x9{padding-bottom:56.25%}.video-wrapper .ratio-4x3{padding-bottom:75%}.video-wrapper .ratio-3x2{padding-bottom:66.66667%}.button-group{vertical-align:middle;margin:0;display:inline-block;float:none;margin-right:0}.button-group:after{content:'';display:table;clear:both}.button-group>.button{position:relative;z-index:1;margin:0}.button-group>.button:hover{z-index:2}.button-group>.button:focus{z-index:3}.button-group>.button:active{z-index:4}.button-group>.button.active{z-index:5}.button-group+.button-group{margin-top:0;margin-left:.75em}.button-group>.button{width:auto}.button-group>.button{display:inline-block;float:left;border-radius:0}.button-group>.button+.button{margin-top:0;margin-left:-1px}.button-group>.button:first-child{border-top-left-radius:0;border-top-right-radius:0;border-top-left-radius:3px;border-bottom-left-radius:3px}.button-group>.button:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:3px;border-bottom-right-radius:3px}.button-group.block{display:block;float:none}.button-group.block+.button-group{margin-top:1em;margin-left:0}.button-group.vertical{margin-right:0}.button-group.vertical>.button{display:block;width:100%;float:none;border-radius:0}.button-group.vertical>.button+.button{margin-top:-1px;margin-left:0}.button-group.vertical>.button:first-child{border-top-left-radius:0;border-bottom-left-radius:0;border-top-left-radius:3px;border-top-right-radius:3px}.button-group.vertical>.button:last-child{border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.button-group.fluid{display:table;width:100%}.button-group.fluid>*{display:table-cell}.button-group>.button.is-1-of-1,.button-group.has-1>.button{width:100%}.button-group>.button.is-1-of-2,.button-group.has-2>.button{width:50%}.button-group>.button.is-1-of-3,.button-group.has-3>.button{width:33.33333%}.button-group>.button.is-1-of-4,.button-group.has-4>.button{width:25%}.button-group>.button.is-1-of-5,.button-group.has-5>.button{width:20%}.button-group>.button.is-1-of-6,.button-group.has-6>.button{width:16.66667%}.button-group>.button.is-1-of-7,.button-group.has-7>.button{width:14.28571%}.button-group>.button.is-1-of-8,.button-group.has-8>.button{width:12.5%}.button-group>.button.is-1-of-9,.button-group.has-9>.button{width:11.11111%}.button-group>.button.is-1-of-10,.button-group.has-10>.button{width:10%}.button-group>.button.is-1-of-11,.button-group.has-11>.button{width:9.09091%}.button-group>.button.is-1-of-12,.button-group.has-12>.button{width:8.33333%}.button-group.has-2,.button-group.has-margin-2{margin-right:-1px}.button-group.has-3,.button-group.has-margin-3{margin-right:-2px}.button-group.has-4,.button-group.has-margin-4{margin-right:-3px}.button-group.has-5,.button-group.has-margin-5{margin-right:-4px}.button-group.has-6,.button-group.has-margin-6{margin-right:-5px}.button-group.has-7,.button-group.has-margin-7{margin-right:-6px}.button-group.has-8,.button-group.has-margin-8{margin-right:-7px}.button-group.has-9,.button-group.has-margin-9{margin-right:-8px}.button-group.has-10,.button-group.has-margin-10{margin-right:-9px}.button-group.has-11,.button-group.has-margin-11{margin-right:-10px}.button-group.has-12,.button-group.has-margin-12{margin-right:-11px}@media (max-width: 479px){.button-group.stack-for-tiny{display:block;float:none;margin-right:0}.button-group.stack-for-tiny+.button-group{margin-top:1em;margin-left:0}.button-group.stack-for-tiny>.button{display:block;width:100%;float:none;border-radius:0}.button-group.stack-for-tiny>.button+.button{margin-top:-1px;margin-left:0}.button-group.stack-for-tiny>.button:first-child{border-top-left-radius:0;border-bottom-left-radius:0;border-top-left-radius:3px;border-top-right-radius:3px}.button-group.stack-for-tiny>.button:last-child{border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}}@media (max-width: 759px){.button-group.stack-for-small{display:block;float:none;margin-right:0}.button-group.stack-for-small+.button-group{margin-top:1em;margin-left:0}.button-group.stack-for-small>.button{display:block;width:100%;float:none;border-radius:0}.button-group.stack-for-small>.button+.button{margin-top:-1px;margin-left:0}.button-group.stack-for-small>.button:first-child{border-top-left-radius:0;border-bottom-left-radius:0;border-top-left-radius:3px;border-top-right-radius:3px}.button-group.stack-for-small>.button:last-child{border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}}@media (max-width: 989px){.button-group.stack-for-medium{display:block;float:none;margin-right:0}.button-group.stack-for-medium+.button-group{margin-top:1em;margin-left:0}.button-group.stack-for-medium>.button{display:block;width:100%;float:none;border-radius:0}.button-group.stack-for-medium>.button+.button{margin-top:-1px;margin-left:0}.button-group.stack-for-medium>.button:first-child{border-top-left-radius:0;border-bottom-left-radius:0;border-top-left-radius:3px;border-top-right-radius:3px}.button-group.stack-for-medium>.button:last-child{border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}}.button-group-wrapper{display:block;margin:0 0 -1em -1em}.button-group-wrapper:after{content:'';display:table;clear:both}.button-group-wrapper>.button,.button-group-wrapper .button-group{float:left}.button-group-wrapper>.button.float-left,.button-group-wrapper .button-group.float-left{float:left}.button-group-wrapper>.button.float-right,.button-group-wrapper .button-group.float-right{float:right}.button-group-wrapper .button-group.block{float:none;clear:both}.button-group-wrapper>.button,.button-group-wrapper .button-group,.button-group-wrapper .button-group.block,.button-group-wrapper .button-group+.button-group,.button-group-wrapper .button-group.block+.button-group,.button-group-wrapper .button-group.stack-for-small,.button-group-wrapper .button-group.stack-for-mobile,.button-group-wrapper .button-group.stack-for-tablet,.button-group-wrapper .button-group.stack-for-small+.button-group,.button-group-wrapper .button-group.stack-for-mobile+.button-group,.button-group-wrapper .button-group.stack-for-tablet+.button-group{margin-top:0;margin-left:1em;margin-bottom:1em}.notice{margin:2em 0;padding:0.25em 1.25em;font-size:1em;line-height:1.5em;border-radius:3px;color:#303030;text-shadow:0 1px 0 rgba(255,255,255,0.25);background:rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.15);box-shadow:0 1px 3px rgba(0,0,0,0.05)}.notice .close{float:right;margin:0.45em -0.25em 0 1em;color:inherit}.notice .close+*{padding-right:2.5em}.notice.inverted{color:#fff;text-shadow:0 1px 0 rgba(0,0,0,0.25);background:rgba(48,48,48,0.9);border:1px solid rgba(0,0,0,0.15);box-shadow:0 1px 3px rgba(0,0,0,0.05)}.notice.blue,.notice.info{background:rgba(20,137,201,0.1)}.notice.blue.inverted,.inverted.notice.info{background:rgba(20,137,201,0.9)}.notice.green,.notice.success{background:rgba(132,183,45,0.1)}.notice.green.inverted,.inverted.notice.success{background:rgba(132,183,45,0.9)}.notice.yellow,.notice.warning{background:rgba(241,196,15,0.1)}.notice.yellow.inverted,.inverted.notice.warning{background:rgba(218,177,13,0.9)}.notice.orange{background:rgba(230,146,66,0.1)}.notice.orange.inverted{background:rgba(230,146,66,0.9)}.notice.red,.notice.danger{background:rgba(222,81,81,0.1)}.notice.red.inverted,.inverted.notice.danger{background:rgba(222,81,81,0.9)}.notice.violet{background:rgba(188,107,211,0.1)}.notice.violet.inverted{background:rgba(188,107,211,0.9)}.notice.small{font-size:0.9em}.notice.large{font-size:1.1em}.notice.inline{display:inline;margin:0;padding:0 0.25em;box-shadow:none}.notice.inline.inverted{border:0 none}@media (min-width: 760px){.notice.pull-left{width:45%;float:left;margin:0.5em 5% 1em 0}}@media (min-width: 760px){.notice.pull-right{width:45%;float:right;margin:0.5em 0 1em 5%}}.breadcrumb{display:block;margin:1em 0;font-size:1em}.breadcrumb ul,.breadcrumb ol{margin:0;list-style:none}.breadcrumb ul:after,.breadcrumb ol:after{content:'';display:table;clear:both}.breadcrumb li{float:left;margin:0}.breadcrumb li a{border:0 none}.breadcrumb .current{color:#aaa}.breadcrumb li:after{content:"/";padding:0 0.75em;color:rgba(0,0,0,0.25)}.breadcrumb li:last-child:after{content:none}.breadcrumb.wrapped{padding:0.5em 1em;background:#e8f3fa;border:1px solid rgba(0,0,0,0.1);border-radius:3px}.breadcrumb.fancy{display:block;margin:1em 0;font-size:1em}.breadcrumb.fancy ul,.breadcrumb.fancy ol{display:table;margin:0;overflow:hidden;vertical-align:middle;list-style:none;background:#e8f3fa;border:1px solid rgba(0,0,0,0.1);border-radius:3px}.breadcrumb.fancy ul:after,.breadcrumb.fancy ol:after{content:none;display:none;clear:none}.breadcrumb.fancy li{display:table-cell;margin:0;float:none}.breadcrumb.fancy li:first-child a,.breadcrumb.fancy li:first-child .item{border-top-left-radius:3px;border-bottom-left-radius:3px}.breadcrumb.fancy li:after{content:none;display:none}.breadcrumb.fancy li a,.breadcrumb.fancy li .item{position:relative;display:block;padding:0.5em 0.5em 0.5em 2em;color:#303030;white-space:nowrap;background:#e8f3fa;border:0 none;-webkit-transition:background 0.25s linear;transition:background 0.25s linear}.breadcrumb.fancy li a span,.breadcrumb.fancy li .item span{position:relative;z-index:2}.breadcrumb.fancy li a:after,.breadcrumb.fancy li .item:after{width:2em;height:2em;content:'';position:absolute;z-index:1;top:50%;right:-1em;margin:-1em 0 0 0;background:#e8f3fa;background-clip:padding-box;border-top:1px solid rgba(0,0,0,0.15);border-right:1px solid rgba(0,0,0,0.15);-webkit-transition:background 0.25s linear;transition:background 0.25s linear;border-radius:0 5px 0 100%;-webkit-transform:rotate(45deg) skew(10deg,10deg);-ms-transform:rotate(45deg) skew(10deg,10deg);transform:rotate(45deg) skew(10deg,10deg)}.breadcrumb.fancy li a:hover,.breadcrumb.fancy li .item:hover{background:#d3e8f5}.breadcrumb.fancy li a:hover:after,.breadcrumb.fancy li .item:hover:after{background:#d3e8f5}.breadcrumb.fancy li:first-child a,.breadcrumb.fancy li:first-child .item{padding:0.5em 0.5em 0.5em 1em}.breadcrumb.fancy li:last-child a,.breadcrumb.fancy li:last-child .item{padding:0.5em 1em 0.5em 2em}.breadcrumb.fancy li:last-child a:after,.breadcrumb.fancy li:last-child .item:after{content:none;display:none}.breadcrumb.fancy li .active,.breadcrumb.fancy li .active:hover{background:#fff}.breadcrumb.fancy li .active:after,.breadcrumb.fancy li .active:hover:after{background:#fff}.dropdown,.dropdown-content,.dropdown-menu{position:relative;display:block;width:16rem;margin:0;font-size:.85714rem;line-height:1.35em;background:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,0.1);box-shadow:0 2px 6px rgba(0,0,0,0.15);border-radius:3px}.dropdown{padding:0}.dropdown>.dropdown-content,.dropdown>.dropdown-menu{width:auto;margin:0;background:none;border:0 none;border-top:1px solid rgba(0,0,0,0.1);box-shadow:none;border-radius:0}.dropdown>.dropdown-content:first-child,.dropdown>.dropdown-menu:first-child{border-top:0 none;border-top-left-radius:3px;border-top-right-radius:3px}.dropdown>.dropdown-content:last-child,.dropdown>.dropdown-menu:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.dropdown-content{padding:1em}.dropdown-content>*{margin-top:0.5em;margin-bottom:0.5em}.dropdown-content>:first-child{margin-top:0}.dropdown-content>:last-child{margin-bottom:0}.dropdown-content>hr{margin:1em 0}.dropdown-content>a.block{display:block;margin:-0.5em;padding:1em;color:#303030;border:0 none;border-radius:3px}.dropdown-content>a.block:hover{background:rgba(0,0,0,0.05);color:#303030}.dropdown-content>a.block>*{margin-top:0.5em;margin-bottom:0.5em}.dropdown-content>a.block>:first-child{margin-top:0}.dropdown-content>a.block>:last-child{margin-bottom:0}.dropdown-content>.button{display:block}.dropdown-menu{list-style:none;padding:0.5em}.dropdown-menu li{position:relative;margin:0;border-bottom:1px solid rgba(0,0,0,0.1);-webkit-transition:background-color 0.25s linear;transition:background-color 0.25s linear}.dropdown-menu li:hover{background:rgba(0,0,0,0.05);background-clip:padding-box}.dropdown-menu li:hover>a{color:#303030}.dropdown-menu li.active>a{color:#aaa}.dropdown-menu li.active:hover{background:none}.dropdown-menu li:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.dropdown-menu li:last-child{border-bottom:0 none;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.dropdown-menu li a{display:block;padding:0.75em 1em;color:#303030;border:0 none}.dropdown-trigger{position:relative}.dropdown-trigger .dropdown{position:absolute;z-index:100;opacity:0;visibility:hidden;-webkit-transition:"transform, opacity, visibility";transition:"transform, opacity, visibility";-webkit-transition-duration:0.25s;transition-duration:0.25s;-webkit-transition-timing-function:;transition-timing-function:;-webkit-transition-delay:0.25s;transition-delay:0.25s}.dropdown-trigger:not(.on-click):hover>.dropdown,.dropdown-trigger.active>.dropdown{z-index:105;opacity:1;visibility:visible;-webkit-transition:transform,opacity,visibility;transition:transform,opacity,visibility;-webkit-transition-duration:0.25s;transition-duration:0.25s;-webkit-transition-timing-function:;transition-timing-function:;-webkit-transition-delay:none;transition-delay:none}.dropdown-trigger .dropdown{margin:-1px 0 0 0;top:100%;left:0;right:auto;bottom:auto;-webkit-transform:translate3d(0, -1em, 0);-ms-transform:translate3d(0, -1em, 0);transform:translate3d(0, -1em, 0)}.dropdown-trigger:not(.on-click):hover>.dropdown,.dropdown-trigger.active>.dropdown{margin:-1px 0 0 0;top:100%;left:0;right:auto;bottom:auto;-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.dropdown-menu{position:relative}.dropdown-menu .dropdown-menu{position:absolute;z-index:100;opacity:0;visibility:hidden;-webkit-transition:"transform, opacity, visibility";transition:"transform, opacity, visibility";-webkit-transition-duration:0.25s;transition-duration:0.25s;-webkit-transition-timing-function:;transition-timing-function:;-webkit-transition-delay:0.25s;transition-delay:0.25s}.dropdown-menu>li:hover>.dropdown-menu,.dropdown-menu.active>li>.dropdown-menu{z-index:105;opacity:1;visibility:visible;-webkit-transition:transform,opacity,visibility;transition:transform,opacity,visibility;-webkit-transition-duration:0.25s;transition-duration:0.25s;-webkit-transition-timing-function:;transition-timing-function:;-webkit-transition-delay:none;transition-delay:none}.dropdown-menu .dropdown-menu{margin:-1px 0 0 -1px;top:-0.5em;left:100%;right:auto;bottom:auto;-webkit-transform:translate3d(-1em, 0, 0);-ms-transform:translate3d(-1em, 0, 0);transform:translate3d(-1em, 0, 0)}.dropdown-menu>li:hover>.dropdown-menu,.dropdown-menu.active>li>.dropdown-menu{margin:-1px 0 0 -1px;top:-0.5em;left:100%;right:auto;bottom:auto;-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.container{width:100%;min-width:none;max-width:none;margin:0;padding:0 1.5rem}.row{width:100%;margin-left:0;margin-right:0}.col{width:100%;float:none;padding-left:0;padding-right:0}@media (min-width: 760px){.container{width:100%;min-width:none;max-width:80rem;margin:0 auto;padding:0 1.5rem}.container:after{content:'';display:table;clear:both}.row{width:auto;margin-left:-.75rem;margin-right:-.75rem}.row:after{content:'';display:table;clear:both}.col{min-height:1px;float:left;padding-left:.75rem;padding-right:.75rem}.col.col-left{float:left}.col.col-right{float:right}.col-no-inner-gutter{padding-left:0;padding-right:0}.col-1{width:8.33333%}.col-2{width:16.66667%}.col-3{width:25%}.col-4{width:33.33333%}.col-5{width:41.66667%}.col-6{width:50%}.col-7{width:58.33333%}.col-8{width:66.66667%}.col-9{width:75%}.col-10{width:83.33333%}.col-11{width:91.66667%}.col-12{width:100%}.prefix-1{margin-left:8.33333%}.prefix-2{margin-left:16.66667%}.prefix-3{margin-left:25%}.prefix-4{margin-left:33.33333%}.prefix-5{margin-left:41.66667%}.prefix-6{margin-left:50%}.prefix-7{margin-left:58.33333%}.prefix-8{margin-left:66.66667%}.prefix-9{margin-left:75%}.prefix-10{margin-left:83.33333%}.prefix-11{margin-left:91.66667%}.suffix-1{margin-right:8.33333%}.suffix-2{margin-right:16.66667%}.suffix-3{margin-right:25%}.suffix-4{margin-right:33.33333%}.suffix-5{margin-right:41.66667%}.suffix-6{margin-right:50%}.suffix-7{margin-right:58.33333%}.suffix-8{margin-right:66.66667%}.suffix-9{margin-right:75%}.suffix-10{margin-right:83.33333%}.suffix-11{margin-right:91.66667%}}.has-1,.has-2,.has-3,.has-4,.has-5,.has-6,.has-7,.has-8,.has-9,.has-10,.has-11,.has-12{display:block}.has-1:after,.has-2:after,.has-3:after,.has-4:after,.has-5:after,.has-6:after,.has-7:after,.has-8:after,.has-9:after,.has-10:after,.has-11:after,.has-12:after{content:'';display:table;clear:both}.is-1-of-1,.has-1>*,.is-1-of-2,.has-2>*,.is-1-of-3,.has-3>*,.is-1-of-4,.has-4>*,.is-1-of-5,.has-5>*,.is-1-of-6,.has-6>*,.is-1-of-7,.has-7>*,.is-1-of-8,.has-8>*,.is-1-of-9,.has-9>*,.is-1-of-10,.has-10>*,.is-1-of-11,.has-11>*,.is-1-of-12,.has-12>*{float:left}.is-1-of-1,.has-1>*{width:100%}.is-1-of-2,.has-2>*{width:50%}.is-1-of-3,.has-3>*{width:33.33333%}.is-1-of-4,.has-4>*{width:25%}.is-1-of-5,.has-5>*{width:20%}.is-1-of-6,.has-6>*{width:16.66667%}.is-1-of-7,.has-7>*{width:14.28571%}.is-1-of-8,.has-8>*{width:12.5%}.is-1-of-9,.has-9>*{width:11.11111%}.is-1-of-10,.has-10>*{width:10%}.is-1-of-11,.has-11>*{width:9.09091%}.is-1-of-12,.has-12>*{width:8.33333%}body{background:#f5f5f5}.header{padding:2em 0}.home .header{padding-bottom:0;border-bottom:0 none}.main{background:#fff}.home .header{background:none}.main{padding:1em 0 2em}.footer{padding:2em 0}@media (min-width: 760px){.home .header{padding-bottom:2em}.main{padding:2em 0}}.header .flex{display:flex;justify-content:space-between;align-items:center;margin:0}.header .logo{display:flex;align-items:center;border:0 none}.header .logo img{margin:0}.header .logo .version{margin-top:8px;margin-left:10px;color:#aaa;-webkit-transition:all 0.25s linear;transition:all 0.25s linear}.header .logo:hover .version{color:#b357cd}.home .header .logo .version{color:rgba(255,255,255,0.5)}.home .header .logo:hover .version{color:#fff}.header .nav ul.menu-hori{display:flex;align-items:center;margin:0;list-style:none}.header .nav ul.menu-hori li{margin:0 15px}.header .nav ul.menu-hori li:first-child{margin-left:0}.header .nav ul.menu-hori li:last-child{margin-right:0}.header .nav ul.menu-hori li a:not(.button){color:#303030;font-size:1.07143em}.header .nav ul.menu-hori li a:not(.button):hover{color:#b357cd}.header .nav ul.menu-hori li.active a:not(.button){color:#aaa;border:0 none}.home .header .nav ul.menu-hori li a:not(.button){color:#fff;border-color:rgba(255,255,255,0.1);font-size:1.07143em}.home .header .nav ul.menu-hori li a:not(.button):hover{border-color:#fff}.home .header .nav ul.menu-hori li.active a:not(.button){color:rgba(255,255,255,0.5)}.home .header .nav li>.button,.home .header .nav .dropdown-trigger>.button{background-clip:padding-box}.header .dropdown-trigger .dropdown{margin:-1px 0 0 0;top:100%;left:auto;right:0;bottom:auto;-webkit-transform:translate3d(0, -1em, 0);-ms-transform:translate3d(0, -1em, 0);transform:translate3d(0, -1em, 0)}.header .dropdown-trigger:not(.on-click):hover>.dropdown,.header .dropdown-trigger.active>.dropdown{margin:-1px 0 0 0;top:100%;left:auto;right:0;bottom:auto;-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.icon.icon-more{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:8px;height:1.5em;margin:0 0 0 10px;float:right}.icon.icon-more .dot{display:inline-block;width:3px;height:3px;margin:0 0 2px 0;background:#303030;border-radius:50%}.icon.icon-more .dot:last-child{margin-bottom:1px}.header .logo .mobile,.header .nav .mobile{display:inline-block}.header .logo .desktop,.header .nav .menu-hori.desktop{display:none}@media (min-width: 930px){.header .nav .mobile{display:none}.header .nav .menu-hori.desktop{display:flex}}@media (min-width: 480px){.header .logo .mobile{display:none}.header .logo .desktop{display:flex}}.hero{position:relative;background:#1489C9}.hero{position:relative}.hero:after{background:inherit;bottom:0;content:'';display:block;height:50%;left:0;position:absolute;right:0;transform:skewY(-4deg);transform-origin:100%;z-index:-1}.hero:before{content:'';position:absolute;top:100%;left:0;width:100%;height:15em;background:#fff;z-index:-2}.hero-content{text-align:center;margin-bottom:2em}.hero-content .container{padding-top:2em;padding-bottom:2em}.hero-content h1{font-size:1.28571em;line-height:1.5em;font-weight:300;color:#fff}@media (min-width: 480px){.hero-content{margin-bottom:5em}.hero-content .container{padding:5em 5em 6em}.hero-content h1{font-size:1.42857em}}@media (min-width: 760px){.hero-content{margin-bottom:10em}.hero-content .container{padding:10em 10em 12em}.hero-content h1{font-size:1.71429em}}@media (min-width: 1400px){.hero-content{margin-bottom:15em}}.main .flex,.main .feature{margin-bottom:4em}.main .flex:last-child,.main .feature:last-child{margin-bottom:0}.home .row{margin-bottom:4em}.home hr{margin:8em 0}.home .main img{width:250px;height:auto;margin:1em auto 3em}@media (min-width: 760px){.main .flex{display:flex;justify-content:space-between;align-items:stretch}.main .flex>*{width:50%;margin-right:6em}.main .flex>*:last-child{margin-right:0}.main .feature{display:flex;justify-content:space-between;align-items:center}.main .feature>*{width:50%}.main .feature .feature-content{width:50%;margin-left:3em;margin-right:6em}.main .feature .feature-ill{width:50%;margin-left:6em;margin-right:0}.main .feature.reverse{flex-direction:row-reverse}.main .feature.reverse .feature-content{margin-left:6em;margin-right:3em}.main .feature.reverse .feature-ill{margin-left:0;margin-right:6em}.home .main img{width:auto;margin:0 auto}}.widget{margin:0;padding:2rem 0;border-bottom:1px solid rgba(0,0,0,0.1);border-radius:3px}.widget:first-child{padding-top:1rem}.widget:last-child{padding-bottom:1rem;border-bottom:0 none}.widget h2{margin:0.5rem 0;font-size:1.14286em;font-weight:600}.widget-menu .active>a{color:#aaa;border:0 none}.widget-menu ul ul{display:none}.widget-menu .active>ul{display:block}.widget-contents .active>a{color:#aaa;border:0 none}.widget-action{display:none}@media (min-width: 760px){.widget-action{display:block}}.widget-back{text-align:center}.widget-back:first-child,.widget-back:last-child{padding:0}@media (min-width: 760px){.widget-back{margin:1em 0;text-align:left}.widget-back:first-child,.widget-back:last-child{padding:1em 0}}@media screen and (max-width: 759px){.table-docs tr,.table-docs th,.table-docs td{display:block}.table-docs tr{padding:0.5em 0.75em;border-bottom:1px solid rgba(0,0,0,0.1)}.table-docs tr:first-child{border-top:1px solid rgba(0,0,0,0.1)}.table-docs tr th,.table-docs tr td{padding:0.5rem 0;border-bottom:1px dotted rgba(0,0,0,0.1)}.table-docs tr th:last-child,.table-docs tr td:last-child{border-bottom:0 none}.table-docs tbody:first-child tr:first-child th,.table-docs tbody:first-child tr:first-child td{border-top:0 none}}.list-docs{margin:1.5rem 0}.list-docs h3{font-size:1.28571em;color:#aaa;font-weight:300}.list-docs.numbered{counter-reset:list-counter}.list-docs.numbered li{position:relative;padding-left:3em}.list-docs.numbered li:before{content:counter(list-counter);counter-increment:list-counter;position:absolute;top:1.5rem;left:0;font-size:2em;line-height:1.5em;color:#aaa}.subsection:last-child .list-docs:last-child li:last-child{border-bottom:0 none}.subsection{margin:2rem 0}@media (min-width: 760px){.subsection{margin:3rem 0}}.swatch{display:inline-block;border:1px solid rgba(0,0,0,0.1);width:44px;height:44px;border-radius:3px}.swatch-wrap{position:relative;height:44px;min-width:44px}.swatch-wrap .swatch{position:absolute;top:0;left:0}.swatch-wrap .swatch-value{margin-left:49px;display:inline-block;width:auto;font-family:Menlo,Monaco,Consolas,"Courier New",monospace}.article-listing{list-style:none;margin:0}.article-listing li{margin:2rem 0}.article-listing li:first-child{margin-top:0}.article-listing h1{font-size:2em}.article-listing h1 a{color:#303030}.article-listing h1 a:hover{color:#b357cd}.article{position:relative}.article header{text-align:center}.article header:after{content:'';display:inline-block;margin:1em auto;height:1px;width:3em;background:rgba(0,0,0,0.1)}.article .date,.article .meta{text-transform:uppercase;letter-spacing:1px;color:#aaa}.article .date a,.article .meta a{color:#aaa}.article .date a:hover,.article .meta a:hover{color:#b357cd}.article .content{font-size:1.14286em;line-height:1.5em}.page-nav{margin:2em 0}.page-nav .button{display:block;margin:0.5em 0}@media (min-width: 480px){.page-nav{margin:4em 0;display:flex;justify-content:space-between;align-items:center}.page-nav .button{width:50%;margin-right:1em}.page-nav .button:last-child{margin-right:0}}.comments-wrapper{margin:2em 0}@media (min-width: 760px){.comments-wrapper{margin:6em 0}}.block-action{margin:2em 0;padding:1.5em 3em;background:#1489C9;border-radius:3px;color:#fff;text-align:center}.block-action h3{color:#fff}.block-action .button-group-wrapper{display:block}.block-action .button-group-wrapper .button{width:100%;display:block;background-clip:padding-box}@media (min-width: 760px){.block-action .button-group-wrapper{display:inline-block}.block-action .button-group-wrapper .button{width:auto;display:inline-block}}.footer{color:#aaa;text-align:center}.footer .logo{border:0 none}.footer img{display:inline-block;opacity:0.4}.footer a{color:#aaa}.footer a:hover{color:#b357cd}@media (min-width: 760px){.footer{text-align:left}.footer .logo{position:relative;top:-3px;float:right}.footer img{margin:0}}figure{margin:1em 0}.highlight .c{color:#998;font-style:italic}.highlight .err{color:#a61717}.highlight .k{font-weight:bold}.highlight .o{font-weight:bold}.highlight .cm{color:#998;font-style:italic}.highlight .cp{color:#999;font-weight:bold}.highlight .c1{color:#998;font-style:italic}.highlight .cs{color:#999;font-weight:bold;font-style:italic}.highlight .gd{color:#000}.highlight .gd .x{color:#000}.highlight .ge{font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000}.highlight .gi .x{color:#000}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kc{font-weight:bold}.highlight .kd{font-weight:bold}.highlight .kp{font-weight:bold}.highlight .kr{font-weight:bold}.highlight .kt{color:#458;font-weight:bold}.highlight .m{color:#099}.highlight .s{color:#d14}.highlight .na{color:#008080}.highlight .nb{color:#0086B3}.highlight .nc{color:#458;font-weight:bold}.highlight .no{color:#008080}.highlight .ni{color:#800080}.highlight .ne{color:#900;font-weight:bold}.highlight .nf{color:#900;font-weight:bold}.highlight .nn{color:#555}.highlight .nt{color:#000080}.highlight .nv{color:#008080}.highlight .ow{font-weight:bold}.highlight .w{color:#bbb}.highlight .mf{color:#099}.highlight .mh{color:#099}.highlight .mi{color:#099}.highlight .mo{color:#099}.highlight .sb{color:#d14}.highlight .sc{color:#d14}.highlight .sd{color:#d14}.highlight .s2{color:#d14}.highlight .se{color:#d14}.highlight .sh{color:#d14}.highlight .si{color:#d14}.highlight .sx{color:#d14}.highlight .sr{color:#009926}.highlight .s1{color:#d14}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:#008080}.highlight .vg{color:#008080}.highlight .vi{color:#008080}.highlight .il{color:#099}.swatch-black{background-color:#000}.swatch-white{background-color:#fff}.swatch-gray-pale{background-color:#f5f5f5}.swatch-gray-lighter{background-color:#ccc}.swatch-gray-light{background-color:#aaa}.swatch-gray{background-color:#606060}.swatch-gray-dark{background-color:#303030}.swatch-gray-darker{background-color:#101010}.swatch-red-pale{background-color:rgba(222,81,81,0.1)}.swatch-red-lighter{background-color:#e67c7c}.swatch-red-light{background-color:#e26666}.swatch-red{background-color:#de5151}.swatch-red-dark{background-color:#da3c3c}.swatch-red-darker{background-color:#d42828}.swatch-red-orange-pale{background-color:rgba(231,112,69,0.1)}.swatch-red-orange-lighter{background-color:#ed9272}.swatch-red-orange-light{background-color:#ea815b}.swatch-red-orange{background-color:#e77045}.swatch-red-orange-dark{background-color:#e45e2e}.swatch-red-orange-darker{background-color:#dd4f1c}.swatch-orange-pale{background-color:rgba(230,146,66,0.1)}.swatch-orange-lighter{background-color:#ecac6f}.swatch-orange-light{background-color:#e99f59}.swatch-orange{background-color:#e69242}.swatch-orange-dark{background-color:#e3852b}.swatch-orange-darker{background-color:#d8781d}.swatch-yellow-orange-pale{background-color:rgba(242,173,35,0.1)}.swatch-yellow-orange-lighter{background-color:#f5bf53}.swatch-yellow-orange-light{background-color:#f3b63b}.swatch-yellow-orange{background-color:#f2ad23}.swatch-yellow-orange-dark{background-color:#eda30e}.swatch-yellow-orange-darker{background-color:#d5920d}.swatch-yellow-pale{background-color:rgba(241,196,15,0.1)}.swatch-yellow-lighter{background-color:#f4d03f}.swatch-yellow-light{background-color:#f2ca27}.swatch-yellow{background-color:#f1c40f}.swatch-yellow-dark{background-color:#dab10d}.swatch-yellow-darker{background-color:#c29d0b}.swatch-yellow-green-pale{background-color:rgba(192,196,25,0.1)}.swatch-yellow-green-lighter{background-color:#e1e42b}.swatch-yellow-green-light{background-color:#d7da1b}.swatch-yellow-green{background-color:#c0c419}.swatch-yellow-green-dark{background-color:#aaad16}.swatch-yellow-green-darker{background-color:#949613}.swatch-green-pale{background-color:rgba(132,183,45,0.1)}.swatch-green-lighter{background-color:#9ed146}.swatch-green-light{background-color:#93cb32}.swatch-green{background-color:#84b72d}.swatch-green-dark{background-color:#75a328}.swatch-green-darker{background-color:#668e23}.swatch-blue-green-pale{background-color:rgba(70,166,124,0.1)}.swatch-blue-green-lighter{background-color:#62bd95}.swatch-blue-green-light{background-color:#50b589}.swatch-blue-green{background-color:#46a67c}.swatch-blue-green-dark{background-color:#3f946e}.swatch-blue-green-darker{background-color:#378261}.swatch-blue-pale{background-color:rgba(20,137,201,0.1)}.swatch-blue-lighter{background-color:#27a5e9}.swatch-blue-light{background-color:#1699e0}.swatch-blue{background-color:#1489C9}.swatch-blue-dark{background-color:#1279b2}.swatch-blue-darker{background-color:#0f699b}.swatch-blue-violet-pale{background-color:rgba(99,119,211,0.1)}.swatch-blue-violet-lighter{background-color:#8b9ade}.swatch-blue-violet-light{background-color:#7788d9}.swatch-blue-violet{background-color:#6377d3}.swatch-blue-violet-dark{background-color:#4f65cd}.swatch-blue-violet-darker{background-color:#3b54c8}.swatch-violet-pale{background-color:rgba(188,107,211,0.1)}.swatch-violet-lighter{background-color:#ce92df}.swatch-violet-light{background-color:#c57fd9}.swatch-violet{background-color:#bc6bd3}.swatch-violet-dark{background-color:#b357cd}.swatch-violet-darker{background-color:#aa44c7}.swatch-red-violet-pale{background-color:rgba(210,89,146,0.1)}.swatch-red-violet-lighter{background-color:#dd81ac}.swatch-red-violet-light{background-color:#d86d9f}.swatch-red-violet{background-color:#d25992}.swatch-red-violet-dark{background-color:#cd4584}.swatch-red-violet-darker{background-color:#c33577}.swatch-bg-color{background-color:#f5f5f5}.swatch-bg-selection{background-color:rgba(132,183,45,0.25)}.swatch-border-color{background-color:rgba(0,0,0,0.1)}.swatch-border-color-hover{background-color:rgba(0,0,0,0.25)}.demo{margin:1.5em -1.5em;padding:0 1.5em;overflow:auto;border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1)}.demo .box{width:50px;height:50px;margin:0 auto;color:#fff;background:#1489C9;border-radius:3px}@media (min-width: 760px){.demo{margin:1.5em 0;padding:1.5em 3em;border:1px solid rgba(0,0,0,0.1);border-radius:3px}}.demo.demo-vertical-center{height:200px}.demo.demo-vertical-center .box{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.demo-border-radius{display:inline-block;background:#1489C9;width:30px;height:30px}.mixin-border-radius{border-radius:50%}.mixin-border-radius-top{border-top-left-radius:50%;border-top-right-radius:50%}.mixin-border-radius-top-left{border-top-left-radius:50%}.mixin-border-radius-top-right{border-top-right-radius:50%}.mixin-border-radius-bottom{border-bottom-right-radius:50%;border-bottom-left-radius:50%}.mixin-border-radius-bottom-left{border-bottom-left-radius:50%}.mixin-border-radius-bottom-right{border-bottom-right-radius:50%}.mixin-border-radius-left{border-top-left-radius:50%;border-bottom-left-radius:50%}.mixin-border-radius-left-top{border-top-left-radius:50%}.mixin-border-radius-left-bottom{border-bottom-left-radius:50%}.mixin-border-radius-right{border-top-right-radius:50%;border-bottom-right-radius:50%}.mixin-border-radius-right-top{border-top-right-radius:50%}.mixin-border-radius-right-bottom{border-bottom-right-radius:50%}.demo.demo-transform-skew .box{-webkit-transform:skew(30deg, 10deg);-ms-transform:skew(30deg, 10deg);transform:skew(30deg, 10deg)}.demo.demo-rotate .box{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.demo.demo-transition .box{background-color:#1489C9;-webkit-transition:all 0.25s linear;transition:all 0.25s linear}.demo.demo-transition .box:hover{background-color:#de5151}@-webkit-keyframes example{0%{background-color:#de5151}50%{background-color:#1489C9}100%{background-color:#de5151}}@keyframes example{0%{background-color:#de5151}50%{background-color:#1489C9}100%{background-color:#de5151}}.demo.demo-animation .box{-webkit-animation:example 10s linear 1s infinite normal;animation:example 10s linear 1s infinite normal}.demo.demo-linear-gradient .box{width:100%;background-image:-webkit-linear-gradient(left,#bc6bd3,#1489C9,#84b72d);background-image:-moz-linear-gradient(left,#bc6bd3,#1489C9,#84b72d);background-image:-ms-linear-gradient(left,#bc6bd3,#1489C9,#84b72d);background-image:linear-gradient(left,#bc6bd3,#1489C9,#84b72d)}.demo.demo-radial-gradient .box{width:100px;height:100px;background-image:-webkit-radial-gradient(circle,#1489C9,#bc6bd3);background-image:-moz-radial-gradient(circle,#1489C9,#bc6bd3);background-image:-ms-radial-gradient(circle,#1489C9,#bc6bd3);background-image:radial-gradient(circle,#1489C9,#bc6bd3)}.demo.demo-text-truncate .box{width:150px;height:auto;padding:1em 1.5em;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo.demo-logo-image .logo{display:block;margin:1.5rem auto;padding:0;border:0 none;background:url("../img/baseweb-hori-black.svg") no-repeat left center;background-size:187px 40px;width:187px;height:40px;font-size:0;line-height:0;text-indent:100%;white-space:nowrap;overflow:hidden}.demo.demo-text-mask{-webkit-text-fill-color:rgba(0,0,0,0.25);-webkit-background-clip:text;background-clip:text;background-image:url("../img/demo-mask.jpg");background-repeat:no-repeat;background-position:center center;background-size:cover}.demo.demo-text-mask p{margin:1rem 0;font-size:4em;line-height:1em;text-align:center;text-transform:uppercase;font-weight:900;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo.demo-triangle{text-align:center}.demo.demo-triangle:after{content:'';display:table;clear:both}.example-triangle-1,.example-triangle-2,.example-triangle-3{content:'';display:inline-block;width:0;height:0;border:0 none;border-style:solid;border-color:transparent}.example-triangle-1{border-color:transparent;border-width:14px 14px 14px 0;border-right-color:#1489C9}.example-triangle-2{border-color:transparent;border-width:14px 14px 0 14px;border-top-color:#6377d3}.example-triangle-3{border-color:transparent;border-width:14px 0 14px 14px;border-left-color:#bc6bd3}.demo-grid{margin:1.5rem 0}.demo-grid .col{margin-top:0.75rem;margin-bottom:0.75rem}.demo-grid .col p{margin:0;padding:1rem;background:#f5f5f5;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:1em;line-height:1.5em;text-align:center;border-radius:3px}.demo-grid-semantic .demo-wrapper,.demo-grid-semantic .demo-content,.demo-grid-semantic .demo-aside,.demo-grid-semantic .demo-article{background:rgba(20,137,201,0.1)}.demo-grid-semantic .demo-wrapper p,.demo-grid-semantic .demo-content p,.demo-grid-semantic .demo-aside p,.demo-grid-semantic .demo-article p{margin:0;padding:1rem;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:1em;line-height:1.5em;text-align:center}.demo-grid-semantic .demo-aside p,.demo-grid-semantic .demo-article p{margin:0.75rem 0;background:#f5f5f5;border-radius:3px}.demo-grid-semantic .demo-wrapper{width:100%;min-width:none;max-width:80rem;margin:0 auto;padding:0 1.5rem}.demo-grid-semantic .demo-wrapper:after{content:'';display:table;clear:both}.demo-grid-semantic .demo-content{width:auto;margin-left:-.75rem;margin-right:-.75rem}.demo-grid-semantic .demo-content:after{content:'';display:table;clear:both}.demo-grid-semantic .demo-aside,.demo-grid-semantic .demo-article{min-height:1px;float:left;padding-left:.75rem;padding-right:.75rem}.demo-grid-semantic .demo-aside.col-left,.demo-grid-semantic .demo-article.col-left{float:left}.demo-grid-semantic .demo-aside.col-right,.demo-grid-semantic .demo-article.col-right{float:right}.demo-grid-semantic .demo-aside{width:33.33333%}.demo-grid-semantic .demo-article{width:66.66667%}@media (min-width: 760px){.demo-grid-prefix-suffix{padding-left:0.75rem;padding-right:0.75rem}}.demo-grid-prefix-suffix .row{background:rgba(20,137,201,0.1)}@media (min-width: 760px){.demo-grid-nested{padding-left:0.75rem;padding-right:0.75rem}}.demo-grid-nested .col{margin-top:0;margin-bottom:0;background:rgba(20,137,201,0.1)}.demo-grid-nested .col p{margin:0.75rem 0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo.demo-mini-grid{padding:1.5em 3em}.demo-mini-grid .mini-grid{margin:1rem 0}.demo-mini-grid .mini-grid:after{content:'';display:table;clear:both}.demo-mini-grid .mini-grid>*{margin:0;padding:1rem 0;background:#f5f5f5;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:1em;line-height:1.5em;text-align:center;border-left:1px solid rgba(0,0,0,0.1)}.demo-mini-grid .mini-grid>*:first-child{border-left:0 none;border-top-left-radius:3px;border-bottom-left-radius:3px}.demo-mini-grid .mini-grid>*:last-child{border-top-right-radius:3px;border-bottom-right-radius:3px}.demo-buttons{padding-top:1rem}.demo-buttons>p{margin-left:-0.5rem}.demo-buttons>p:after{content:'';display:table;clear:both}.demo-buttons .button,.demo-buttons .button-custom,.demo-buttons .button-custom-mobile{float:left;margin:0.5rem 0 0 0.5rem}.demo-buttons-mobile>p{margin-left:0}.demo-buttons-mobile .button,.demo-buttons-mobile .button-custom-mobile{margin-left:0}.button-custom{cursor:pointer;display:inline-block;outline:none;margin:0;padding:0.75em 1.5em;font-family:inherit;font-size:1em;line-height:1.5em;font-weight:inherit;color:#303030;text-align:center;white-space:nowrap;vertical-align:top;background:none;box-shadow:inset 0 0 0 transparent;border:1px solid rgba(0,0,0,0.15);border-radius:3px;-webkit-transition-property:color,background-color,box-shadow,border-color;transition-property:color,background-color,box-shadow,border-color;-webkit-transition-duration:0.75s;transition-duration:0.75s;-webkit-transition-timing-function:linear;transition-timing-function:linear;color:#fff;text-shadow:none;background-color:#bc6bd3;background-clip:border-box;border:1px solid rgba(0,0,0,0.15)}.button-custom:hover,.button-custom:focus{color:#303030;background:none;box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);border-color:rgba(0,0,0,0.25);-webkit-transition-property:color,background-color,box-shadow,border-color;transition-property:color,background-color,box-shadow,border-color;-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:linear;transition-timing-function:linear}.button-custom:active{color:#303030;background:none;box-shadow:inset 0 1px 3px rgba(0,0,0,0.2);border-color:rgba(0,0,0,0.25);-webkit-transition-property:color,background-color,box-shadow,border-color;transition-property:color,background-color,box-shadow,border-color;-webkit-transition-duration:0;transition-duration:0;-webkit-transition-timing-function:linear;transition-timing-function:linear}.button-custom:hover,.button-custom:focus{color:#fff;background-color:#b357cd;border-color:rgba(0,0,0,0.25)}.button-custom:active{color:#fff;background-color:#aa44c7;border-color:rgba(0,0,0,0.25)}.button-custom-mobile{cursor:pointer;display:inline-block;outline:none;margin:0;padding:0.75em 1.5em;font-family:inherit;font-size:1em;line-height:1.5em;font-weight:inherit;color:#303030;text-align:center;white-space:nowrap;vertical-align:top;background:none;box-shadow:inset 0 0 0 transparent;border:1px solid rgba(0,0,0,0.15);border-radius:3px;-webkit-transition-property:color,background-color,box-shadow,border-color;transition-property:color,background-color,box-shadow,border-color;-webkit-transition-duration:0.75s;transition-duration:0.75s;-webkit-transition-timing-function:linear;transition-timing-function:linear;color:#303030;text-shadow:none;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,0.15);display:block;width:100%}.button-custom-mobile:hover,.button-custom-mobile:focus{color:#303030;background:none;box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);border-color:rgba(0,0,0,0.25);-webkit-transition-property:color,background-color,box-shadow,border-color;transition-property:color,background-color,box-shadow,border-color;-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:linear;transition-timing-function:linear}.button-custom-mobile:active{color:#303030;background:none;box-shadow:inset 0 1px 3px rgba(0,0,0,0.2);border-color:rgba(0,0,0,0.25);-webkit-transition-property:color,background-color,box-shadow,border-color;transition-property:color,background-color,box-shadow,border-color;-webkit-transition-duration:0;transition-duration:0;-webkit-transition-timing-function:linear;transition-timing-function:linear}.button-custom-mobile:hover,.button-custom-mobile:focus{color:#303030;background-color:#f2f2f2;border-color:rgba(0,0,0,0.25)}.button-custom-mobile:active{color:#303030;background-color:#e6e6e6;border-color:rgba(0,0,0,0.25)}.demo .notice{margin-top:1em;margin-bottom:1em}.custom-breadcrumb{display:block;margin:1em 0;font-size:1em}.custom-breadcrumb ul,.custom-breadcrumb ol{margin:0;list-style:none}.custom-breadcrumb ul:after,.custom-breadcrumb ol:after{content:'';display:table;clear:both}.custom-breadcrumb li{float:left;margin:0}.custom-breadcrumb li a{color:#84b72d;border:0 none}.custom-breadcrumb li a:hover{color:#de5151}.custom-breadcrumb .current{color:#aaa}.custom-breadcrumb li:after{content:"»";padding:0 0.75em;color:rgba(0,0,0,0.25)}.custom-breadcrumb li:last-child:after{content:none}.breadcrumb.custom-wrapped{padding:0.5em 1em;background:rgba(170,68,199,0.1);border:3px solid rgba(0,0,0,0.05);border-radius:0}.demo-dropdown{padding:2em 3em 2em;overflow:visible}.demo-dropdown:after{content:'';display:table;clear:both}.demo-dropdown>.dropdown-trigger{float:left;margin:1em 1em 1em 0}.demo-dropdown-styles{padding:2em 3em 3em}.demo-dropdown-styles>.dropdown,.demo-dropdown-styles>.dropdown-content,.demo-dropdown-styles>.dropdown-menu{float:left;margin:1em 1em 0 0} + */html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}table{font-size:1em}*,*:before,*:after{-moz-box-sizing:border-box;box-sizing:border-box}::-moz-selection{background:rgba(132,183,45,0.25);text-shadow:none}::selection{background:rgba(132,183,45,0.25);text-shadow:none}.clearfix:after{content:'';display:table;clear:both}.remove-clearfix:after{content:none;display:none;clear:none}.float-left{float:left}.float-right{float:right}html{font-size:14px}body{font-family:"Open Sans","Helvetica Neue","HelveticaNeue",helvetica,arial,sans-serif;font-size:14px;line-height:1.5em;font-weight:normal;color:#303030;-webkit-font-smoothing:subpixel-antialiased}h1,h2,h3,h4,h5,h6{margin:1rem 0;font-family:inherit;font-weight:normal;line-height:1.25em;color:#303030}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#1489C9;border:0 none}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{color:#b357cd}h1{font-size:2em}h2{font-size:1.75em}h3{font-size:1.25em}h4{font-size:1.1em}h5{font-size:1.1em;color:rgba(48,48,48,0.6)}h6{font-size:1.1em;color:rgba(48,48,48,0.3)}@media (min-width: 760px){h1{font-size:3em}h2{font-size:2em}h3{font-size:1.5em}h4,h5,h6{font-size:1.25em}}p{margin:1em 0}a{color:#1489C9;text-decoration:none;border-bottom:1px solid rgba(0,0,0,0.1);-webkit-transition:all 0.25s linear;transition:all 0.25s linear}a:hover{cursor:pointer;color:#b357cd;border-color:#b357cd}strong{font-weight:bold}em{font-style:italic}small{font-size:0.8em}mark{margin:0 2px;padding:0 5px;background:rgba(255,255,0,0.5);border-radius:3px}cite{font-style:italic}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #aaa}.text-lead{font-size:1.57143em;line-height:1.4em;color:#303030;font-weight:300}.text-small{font-size:0.8em;line-height:1.5em}.text-soften{font-weight:normal;color:#aaa}.text-harden{font-weight:bold;color:#303030}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}ul,ol{margin:1em 0 1em 2em;padding:0}ul ul,ul ol,ul li,ol ul,ol ol,ol li{margin-top:0.5em;margin-bottom:0.5em}ul,ul ul ul ul{list-style:disc}ul ul{list-style:circle}ul ul ul{list-style:disc}ol,ol ol ol ol{list-style:decimal}ol ol{list-style:lower-alpha}ol ol ol{list-style:lower-roman}dl{margin:1em 0}dl dt{margin:1em 0 0;font-weight:bold;color:#303030}dl dd{margin:0 0 1em 1em}.list{list-style:none;margin:1rem 0;background:none}.list>li{margin:0;padding:1rem;background-clip:padding-box}.list>li:after{content:'';display:table;clear:both}.list.flush>li,.list-docs>li{padding-left:0;padding-right:0}.list.rowed>li,.list-docs>li{border-bottom:1px solid rgba(0,0,0,0.1)}.list.rowed>li:first-child,.list-docs>li:first-child{border-top:1px solid rgba(0,0,0,0.1)}.list.bordered{border:1px solid rgba(0,0,0,0.1)}.list.bordered>li{border-bottom:1px solid rgba(0,0,0,0.1)}.list.bordered>li:last-child{border-bottom:0 none}.list.linked>li{padding:0}.list.linked>li>a{display:block;padding:1rem;background-clip:padding-box;border:0 none}.list.linked>li>a:after{content:'';display:table;clear:both}.list.rounded{border-radius:3px}.list.rounded>li:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.list.rounded>li:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.list.striped>li:nth-of-type(odd){background-color:rgba(0,0,0,0.05)}.list.hover>li{-webkit-transition:background-color 0.25s linear;transition:background-color 0.25s linear}.list.hover>li:hover{background-color:rgba(241,196,15,0.1)}blockquote{margin:1rem 0;padding:0.5em 1.5em;background:#f5f5f5;border-radius:3px}blockquote footer,blockquote .blockquote-footer{display:block;position:relative;margin:1rem 0;font-size:100%}@media (min-width: 760px){blockquote{padding:1em 2em}}code,pre{background:#f5f5f5;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:1em;line-height:1.5em;border-radius:3px}code{display:inline;margin:0;padding:0;white-space:nowrap;line-height:inherit;color:#de5151;background:none}pre{margin:1.5rem 0;padding:0.75rem;overflow:auto;color:#303030}pre code{display:block;margin:0;padding:0.75rem;overflow:auto;white-space:pre;font-size:100%;color:inherit;background:none;border:0 none}pre.max-height{max-height:400px}table{border-collapse:collapse;border-spacing:0;width:100%;max-width:100%;margin:1rem 0;overflow:auto}table tr{vertical-align:top}table th{color:#303030;font-weight:bold;text-align:left}.table{margin:2em 0;background:none;border-collapse:separate}.table td,.table th{padding:0.5em 0.75em}.table.rowed td,.table-docs td,.table.rowed th,.table-docs th{border-bottom:1px solid rgba(0,0,0,0.1)}.table.rowed thead:first-child tr:first-child td,.table-docs thead:first-child tr:first-child td,.table.rowed thead:first-child tr:first-child th,.table-docs thead:first-child tr:first-child th,.table.rowed tfoot:first-child tr:first-child td,.table-docs tfoot:first-child tr:first-child td,.table.rowed tfoot:first-child tr:first-child th,.table-docs tfoot:first-child tr:first-child th,.table.rowed tbody:first-child tr:first-child td,.table-docs tbody:first-child tr:first-child td,.table.rowed tbody:first-child tr:first-child th,.table-docs tbody:first-child tr:first-child th{border-top:1px solid rgba(0,0,0,0.1)}.table.columned td,.table.columned th{border-right:1px solid rgba(0,0,0,0.1)}.table.columned tr td:first-child,.table.columned tr th:first-child{border-left:1px solid rgba(0,0,0,0.1)}.table.bordered td,.table.bordered th{border-bottom:1px solid rgba(0,0,0,0.1)}.table.bordered thead:first-child tr:first-child td,.table.bordered thead:first-child tr:first-child th,.table.bordered tfoot:first-child tr:first-child td,.table.bordered tfoot:first-child tr:first-child th,.table.bordered tbody:first-child tr:first-child td,.table.bordered tbody:first-child tr:first-child th{border-top:1px solid rgba(0,0,0,0.1)}.table.bordered td,.table.bordered th{border-right:1px solid rgba(0,0,0,0.1)}.table.bordered tr td:first-child,.table.bordered tr th:first-child{border-left:1px solid rgba(0,0,0,0.1)}.table.condensed td,.table.condensed th{padding:0.25em 0.5em}.table.expanded td,.table-docs td,.table.expanded th,.table-docs th{padding:1em 1.25em}.table.rounded{border-radius:3px}.table.rounded thead:first-child tr:first-child td:first-child,.table.rounded thead:first-child tr:first-child th:first-child,.table.rounded tfoot:first-child tr:first-child td:first-child,.table.rounded tfoot:first-child tr:first-child th:first-child,.table.rounded tbody:first-child tr:first-child td:first-child,.table.rounded tbody:first-child tr:first-child th:first-child{border-top-left-radius:3px}.table.rounded thead:first-child tr:first-child td:last-child,.table.rounded thead:first-child tr:first-child th:last-child,.table.rounded tfoot:first-child tr:first-child td:last-child,.table.rounded tfoot:first-child tr:first-child th:last-child,.table.rounded tbody:first-child tr:first-child td:last-child,.table.rounded tbody:first-child tr:first-child th:last-child{border-top-right-radius:3px}.table.rounded thead:last-child tr:last-child td:first-child,.table.rounded thead:last-child tr:last-child th:first-child,.table.rounded tfoot:last-child tr:last-child td:first-child,.table.rounded tfoot:last-child tr:last-child th:first-child,.table.rounded tbody:last-child tr:last-child td:first-child,.table.rounded tbody:last-child tr:last-child th:first-child{border-bottom-left-radius:3px}.table.rounded thead:last-child tr:last-child td:last-child,.table.rounded thead:last-child tr:last-child th:last-child,.table.rounded tfoot:last-child tr:last-child td:last-child,.table.rounded tfoot:last-child tr:last-child th:last-child,.table.rounded tbody:last-child tr:last-child td:last-child,.table.rounded tbody:last-child tr:last-child th:last-child{border-bottom-right-radius:3px}.table.striped tbody tr:nth-of-type(odd) td,.table.striped tbody tr:nth-of-type(odd) th{background-color:rgba(0,0,0,0.05)}.table.striped-horizontal tbody tr:nth-of-type(odd) td,.table.striped-horizontal tbody tr:nth-of-type(odd) th{background-color:rgba(0,0,0,0.05)}.table.striped-vertical tr td:nth-of-type(odd),.table.striped-vertical tr th:nth-of-type(odd){background-color:rgba(0,0,0,0.05)}.table.hover tbody tr td{-webkit-transition:background-color 0.25s linear;transition:background-color 0.25s linear}.table.hover tbody tr:hover td{background-color:rgba(241,196,15,0.1)}.table.valign-baseline tr{vertical-align:baseline}.table.valign-top tr{vertical-align:top}.table.valign-middle tr,.table-docs tr{vertical-align:middle}.table.valign-bottom tr{vertical-align:bottom}.table.align-left tr td,.table.align-left tr th{text-align:left}.table.align-center tr td,.table.align-center tr th{text-align:center}.table.align-right tr td,.table.align-right tr th{text-align:right}.table-responsive{margin:2em 0}.table-responsive>table{margin:0}@media (max-width: 759px){.table-responsive{overflow:auto}.table-responsive>table td,.table-responsive>table th{white-space:nowrap}}img{display:block;margin:1rem 0;max-width:100%;height:auto}img.align-center{display:block;margin-left:auto;margin-right:auto}p img.align-center{margin-top:0;margin-bottom:0}img.align-left{float:left;margin:1rem 1.5rem 1rem 0}p img.align-left{margin-top:0}img.align-right{float:right;margin:1rem 0 1rem 1.5rem}p img.align-right{margin-top:0}img.rounded{border-radius:3px}img.circle{border-radius:50%}img.polaroid{background:#fff;background-clip:padding-box;padding:0.5rem;border:1px solid rgba(0,0,0,0.2);box-shadow:0 1px 3px rgba(0,0,0,0.1)}hr{display:block;height:0;width:100%;clear:both;margin:2rem 0;padding:0;background:none;border:0 none;border-bottom:1px solid rgba(0,0,0,0.1)}hr.dotted{border-bottom:1px dotted rgba(0,0,0,0.25)}hr.dashed{border-bottom:1px dashed rgba(0,0,0,0.25)}hr.double{border-bottom:3px double rgba(0,0,0,0.1)}form{margin:2.25em 0;font-size:1em;line-height:1.5em}fieldset{margin:1.5em 0;padding:0;border:0 none}legend{display:inline-block;margin:-.75em .75em;padding:0 .75em;font-size:1.57143em;line-height:1.5em;font-weight:bold;color:#303030;border:0 none}form .row{margin-bottom:.75em}form .row:last-child{margin-bottom:0}form .col{margin-bottom:.75em}form .col:last-child{margin-bottom:0}@media (min-width: 760px){form .col{margin-bottom:0}}.form-group{margin-bottom:1.5em}.form-group:last-child{margin-bottom:0}.form-group.inline{margin-right:-0.75em;margin-bottom:.75em}.form-group.inline:after{content:'';display:table;clear:both}.form-group.inline:last-child{margin-bottom:-.75em}.form-group.inline>*{float:left;width:auto;margin-right:0.75em;margin-bottom:.75em}.form-group.inline>*.float-right{float:right}.form-group.inline .form-group,.form-group.inline .input-group{display:inline-block;vertical-align:top;margin:0 .75em 0 0}.form-group.inline .form-group:last-child,.form-group.inline .input-group:last-child{margin-right:0}.form-header{margin-bottom:1.5em;color:#aaa}.form-header:last-child{margin-bottom:0}.form-header h1,.form-header h2,.form-header h3,.form-header h4,.form-header h5,.form-header h6{margin:.5em 0;font-size:1.4em;line-height:1.2em}.form-header p{margin:.5em 0;color:#aaa}.form-action{margin-bottom:1.5em}.form-action:last-child{margin-bottom:0}.form-action:after{content:'';display:table;clear:both}.form-action .button,.form-action .input-align{float:left;margin:0 .75em 0 0}.form-action .button:last-child,.form-action .input-align:last-child{margin-right:0}.form-action .button.float-right,.form-action .input-align.float-right{float:right}.form-action .input-align{margin-top:0.75em;border-top:1px solid rgba(0,0,0,0.2);border-color:transparent}.form-action.form-action-center{text-align:center}.form-action.form-action-center .button,.form-action.form-action-center .input-align{display:inline-block;float:none}.input-group{margin-bottom:1.5em}.input-group:last-child{margin-bottom:0}.input-group.inline{margin-right:-0.75em;margin-bottom:.75em}.input-group.inline:after{content:'';display:table;clear:both}.input-group.inline:last-child{margin-bottom:-.75em}.input-group.inline>*{float:left;width:auto;margin-right:0.75em;margin-bottom:.75em}.input-group.inline>*.float-right{float:right}label{display:inline-block;margin:0 0 .5em 0;font-size:1em;line-height:1.5em;font-weight:600;color:#303030}label:last-child{margin-bottom:0}label.sub{font-weight:normal}label.hide{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}label.block{display:block;padding-top:0.75em;border-top:1px solid rgba(0,0,0,0.2);border-color:transparent}label.inline{display:inline-block;padding-top:0.75em;border-top:1px solid rgba(0,0,0,0.2);border-color:transparent}.inline label.block,.inline label.inline{padding-bottom:0.75em;border-top:1px solid rgba(0,0,0,0.2);border-color:transparent}.input,.checkbox,.radio,.choice{position:relative;display:block;width:100%;margin:0 0 .75em 0}.input:last-child,.checkbox:last-child,.radio:last-child,.choice:last-child{margin-bottom:0}.input{padding:.75em;font-family:inherit;font-size:1em;line-height:1.5em;color:#303030;background-color:rgba(255,255,255,0.5);border:1px solid rgba(0,0,0,0.2);box-shadow:0 1px 3px transparent,inset 0 1px 3px rgba(0,0,0,0.05);-moz-box-sizing:border-box;box-sizing:border-box;border-radius:3px;-webkit-transition:border-color 0.25s,background-color 0.25s,box-shadow 0.25s;transition:border-color 0.25s,background-color 0.25s,box-shadow 0.25s}.input::-webkit-input-placeholder{color:#aaa}.input:-moz-placeholder{color:#aaa}.input::-moz-placeholder{color:#aaa}.input:-ms-input-placeholder{color:#aaa}.input:focus{outline:none;background-color:#fff;border:1px solid #1489c9;box-shadow:0 1px 3px rgba(0,0,0,0.05),inset 0 1px 3px transparent}.input.disabled,.input[readonly],.input[disabled]{opacity:0.5;background:rgba(0,0,0,0.05)}.checkbox,.radio,.choice{cursor:pointer;color:#303030;font-weight:normal}.checkbox.disabled,.radio.disabled,.choice.disabled{opacity:0.5}.choice{padding:0.75em 0.75em 0.75em 2.25em;background:rgba(0,0,0,0.05);border:1px solid transparent;box-shadow:none;border-radius:3px}.choice input[type="checkbox"],.choice input[type="radio"]{position:absolute;top:auto;margin:5px 0 0 -20px}input[type="checkbox"],input[type="radio"]{position:relative;top:-1px;margin:0 5px 0 0}input[type="file"],input[type="range"]{display:block;margin:0 0 .75em 0}input[type="range"]{width:100%}input[type="search"]{-webkit-appearance:none}input[type="color"].input{width:3.125rem;height:3.125rem;padding:.25em}textarea.input{height:auto;max-width:100%}select.input{-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,");background-position:100% center;background-repeat:no-repeat;padding-right:30px}select[multiple].input,select[size].input{height:auto;padding:.75em;background-image:none}.note{margin-bottom:.75em;font-size:1em;color:#aaa}.note:last-child{margin-bottom:0}.note p{margin:0 0 .75em 0}.note p:last-child{margin-bottom:0}label+.note{margin-top:0}.form-group+.note,.input-group+.note{margin-top:-.75em}.req{color:#de5151}label.inline,.button.inline,.input.inline,.checkbox.inline,.radio.inline,.choice.inline,.inline label,.inline .button,.inline .input,.inline .checkbox,.inline .radio,.inline .choice{float:left;width:auto;margin-right:0.75em;margin-bottom:.75em}label.inline.float-right,.button.inline.float-right,.input.inline.float-right,.checkbox.inline.float-right,.radio.inline.float-right,.choice.inline.float-right,.inline label.float-right,.inline .button.float-right,.inline .input.float-right,.inline .checkbox.float-right,.inline .radio.float-right,.inline .choice.float-right{float:right}.disabled input[type="file"],.disabled input[type="range"],.disabled input[type="checkbox"],.disabled input[type="radio"],.disabled .input,.disabled .checkbox,.disabled .radio,.disabled .choice,fieldset[disabled] input[type="file"],fieldset[disabled] input[type="range"],fieldset[disabled] input[type="checkbox"],fieldset[disabled] input[type="radio"],fieldset[disabled] .input,fieldset[disabled] .checkbox,fieldset[disabled] .radio,fieldset[disabled] .choice{opacity:0.5}.disabled .input,fieldset[disabled] .input{background:rgba(0,0,0,0.05)}.input.success{border-color:#84b72d}.checkbox.success,.radio.success,.note.success{color:#668e23}.choice.success{background-color:rgba(132,183,45,0.1)}.success .input{border-color:#84b72d}.success .checkbox,.success .radio,.success .note{color:#668e23}.success .choice{background-color:rgba(132,183,45,0.1)}.input.warning{border-color:#dab10d}.checkbox.warning,.radio.warning,.note.warning{color:#c29d0b}.choice.warning{background-color:rgba(218,177,13,0.15)}.warning .input{border-color:#dab10d}.warning .checkbox,.warning .radio,.warning .note{color:#c29d0b}.warning .choice{background-color:rgba(218,177,13,0.15)}.input.error{border-color:#de5151}.checkbox.error,.radio.error,.note.error{color:#d42828}.choice.error{background-color:rgba(222,81,81,0.1)}.error .input{border-color:#de5151}.error .checkbox,.error .radio,.error .note{color:#d42828}.error .choice{background-color:rgba(222,81,81,0.1)}.input.active{border-color:#1489C9}.checkbox.active,.radio.active,.note.active{color:#0f699b}.choice.active{background-color:rgba(20,137,201,0.1)}.active .input{border-color:#1489C9}.active .checkbox,.active .radio,.active .note{color:#0f699b}.active .choice{background-color:rgba(20,137,201,0.1)}.button{cursor:pointer;display:inline-block;outline:none;margin:0;padding:0.75em 1.5em;font-family:inherit;font-size:1em;line-height:1.5em;font-weight:inherit;color:#303030;text-align:center;white-space:nowrap;vertical-align:top;background:none;box-shadow:inset 0 0 0 transparent;border:1px solid rgba(0,0,0,0.15);border-radius:3px;-webkit-transition-property:color,background-color,box-shadow,border-color;transition-property:color,background-color,box-shadow,border-color;-webkit-transition-duration:0.75s;transition-duration:0.75s;-webkit-transition-timing-function:linear;transition-timing-function:linear;color:#303030;text-shadow:none;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,0.15)}.button:hover,.button:focus{color:#303030;background:none;box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);border-color:rgba(0,0,0,0.25);-webkit-transition-property:color,background-color,box-shadow,border-color;transition-property:color,background-color,box-shadow,border-color;-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:linear;transition-timing-function:linear}.button:active{color:#303030;background:none;box-shadow:inset 0 1px 3px rgba(0,0,0,0.2);border-color:rgba(0,0,0,0.25);-webkit-transition-property:color,background-color,box-shadow,border-color;transition-property:color,background-color,box-shadow,border-color;-webkit-transition-duration:0;transition-duration:0;-webkit-transition-timing-function:linear;transition-timing-function:linear}.button:hover,.button:focus{color:#303030;background-color:#fafafa;border-color:rgba(0,0,0,0.25)}.button:active{color:#303030;background-color:#f5f5f5;border-color:rgba(0,0,0,0.25)}.button.inverted{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.25);background-color:#303030;background-clip:border-box;border:1px solid rgba(255,255,255,0.15)}.button.inverted:hover,.button.inverted:focus{color:#fff;background-color:#353535;border-color:rgba(255,255,255,0.25)}.button.inverted:active{color:#fff;background-color:#3a3a3a;border-color:rgba(255,255,255,0.25)}.button.clip-border{background-clip:border-box}.button.clip-padding{background-clip:padding-box}.button.default,.button-group.default .button,.button-group-wrapper.default .button{color:#303030;text-shadow:none;background-color:#efefef;background-clip:border-box;border:1px solid rgba(0,0,0,0.15)}.button.default:hover,.button-group.default .button:hover,.button-group-wrapper.default .button:hover,.button.default:focus,.button-group.default .button:focus,.button-group-wrapper.default .button:focus{color:#303030;background-color:#eaeaea;border-color:rgba(0,0,0,0.25)}.button.default:active,.button-group.default .button:active,.button-group-wrapper.default .button:active{color:#303030;background-color:#e5e5e5;border-color:rgba(0,0,0,0.25)}.button.blue,.button.primary,.button.active,.button-group.blue .button,.button-group.primary .button,.button-group.active .button,.button-group-wrapper.blue .button,.button-group-wrapper.primary .button,.button-group-wrapper.active .button{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.25);background-color:#1489C9;background-clip:border-box;border:1px solid rgba(0,0,0,0.15)}.button.blue:hover,.button.primary:hover,.button.active:hover,.button-group.blue .button:hover,.button-group.primary .button:hover,.button-group.active .button:hover,.button-group-wrapper.blue .button:hover,.button-group-wrapper.primary .button:hover,.button-group-wrapper.active .button:hover,.button.blue:focus,.button.primary:focus,.button.active:focus,.button-group.blue .button:focus,.button-group.primary .button:focus,.button-group.active .button:focus,.button-group-wrapper.blue .button:focus,.button-group-wrapper.primary .button:focus,.button-group-wrapper.active .button:focus{color:#fff;background-color:#1279b2;border-color:rgba(0,0,0,0.25)}.button.blue:active,.button.primary:active,.button.active:active,.button-group.blue .button:active,.button-group.primary .button:active,.button-group.active .button:active,.button-group-wrapper.blue .button:active,.button-group-wrapper.primary .button:active,.button-group-wrapper.active .button:active{color:#fff;background-color:#0f699b;border-color:rgba(0,0,0,0.25)}.button.green,.button.success,.button-group.green .button,.button-group.success .button,.button-group-wrapper.green .button,.button-group-wrapper.success .button{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.25);background-color:#84b72d;background-clip:border-box;border:1px solid rgba(0,0,0,0.15)}.button.green:hover,.button.success:hover,.button-group.green .button:hover,.button-group.success .button:hover,.button-group-wrapper.green .button:hover,.button-group-wrapper.success .button:hover,.button.green:focus,.button.success:focus,.button-group.green .button:focus,.button-group.success .button:focus,.button-group-wrapper.green .button:focus,.button-group-wrapper.success .button:focus{color:#fff;background-color:#75a328;border-color:rgba(0,0,0,0.25)}.button.green:active,.button.success:active,.button-group.green .button:active,.button-group.success .button:active,.button-group-wrapper.green .button:active,.button-group-wrapper.success .button:active{color:#fff;background-color:#668e23;border-color:rgba(0,0,0,0.25)}.button.orange,.button.warning,.button-group.orange .button,.button-group.warning .button,.button-group-wrapper.orange .button,.button-group-wrapper.warning .button{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.25);background-color:#e69242;background-clip:border-box;border:1px solid rgba(0,0,0,0.15)}.button.orange:hover,.button.warning:hover,.button-group.orange .button:hover,.button-group.warning .button:hover,.button-group-wrapper.orange .button:hover,.button-group-wrapper.warning .button:hover,.button.orange:focus,.button.warning:focus,.button-group.orange .button:focus,.button-group.warning .button:focus,.button-group-wrapper.orange .button:focus,.button-group-wrapper.warning .button:focus{color:#fff;background-color:#e3852b;border-color:rgba(0,0,0,0.25)}.button.orange:active,.button.warning:active,.button-group.orange .button:active,.button-group.warning .button:active,.button-group-wrapper.orange .button:active,.button-group-wrapper.warning .button:active{color:#fff;background-color:#d8781d;border-color:rgba(0,0,0,0.25)}.button.red,.button.danger,.button-group.red .button,.button-group.danger .button,.button-group-wrapper.red .button,.button-group-wrapper.danger .button{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.25);background-color:#de5151;background-clip:border-box;border:1px solid rgba(0,0,0,0.15)}.button.red:hover,.button.danger:hover,.button-group.red .button:hover,.button-group.danger .button:hover,.button-group-wrapper.red .button:hover,.button-group-wrapper.danger .button:hover,.button.red:focus,.button.danger:focus,.button-group.red .button:focus,.button-group.danger .button:focus,.button-group-wrapper.red .button:focus,.button-group-wrapper.danger .button:focus{color:#fff;background-color:#da3c3c;border-color:rgba(0,0,0,0.25)}.button.red:active,.button.danger:active,.button-group.red .button:active,.button-group.danger .button:active,.button-group-wrapper.red .button:active,.button-group-wrapper.danger .button:active{color:#fff;background-color:#d42828;border-color:rgba(0,0,0,0.25)}.button.black,.button.secondary,.button-group.black .button,.button-group.secondary .button,.button-group-wrapper.black .button,.button-group-wrapper.secondary .button{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.25);background-color:#606060;background-clip:border-box;border:1px solid rgba(0,0,0,0.15)}.button.black:hover,.button.secondary:hover,.button-group.black .button:hover,.button-group.secondary .button:hover,.button-group-wrapper.black .button:hover,.button-group-wrapper.secondary .button:hover,.button.black:focus,.button.secondary:focus,.button-group.black .button:focus,.button-group.secondary .button:focus,.button-group-wrapper.black .button:focus,.button-group-wrapper.secondary .button:focus{color:#fff;background-color:#6d6d6d;border-color:rgba(0,0,0,0.25)}.button.black:active,.button.secondary:active,.button-group.black .button:active,.button-group.secondary .button:active,.button-group-wrapper.black .button:active,.button-group-wrapper.secondary .button:active{color:#fff;background-color:#7a7a7a;border-color:rgba(0,0,0,0.25)}.button.small,.button-group.small .button,.button-group-wrapper.small .button{padding:0.5em 1.25em;font-size:0.85em}.button.large,.button-group.large .button,.button-group-wrapper.large .button{font-size:1.4em}.button.block{display:block;width:100%}.button.clip-padding{background-clip:padding-box}.button.clip-border{background-clip:border-box}.button.close{width:1.5em;height:1.5em;padding:0;font-size:1.5em;line-height:1.5em;vertical-align:middle;background:none;border:0 none;box-shadow:none;border-radius:50%}.video-wrapper{position:relative;display:block;height:0;margin:2em 0;padding-bottom:56.25%;overflow:hidden}.video-wrapper .video-item,.video-wrapper embed,.video-wrapper iframe,.video-wrapper object,.video-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%;border:0 none}.video-wrapper .ratio-16x9{padding-bottom:56.25%}.video-wrapper .ratio-4x3{padding-bottom:75%}.video-wrapper .ratio-3x2{padding-bottom:66.66667%}.button-group{vertical-align:middle;margin:0;display:inline-block;float:none;margin-right:0}.button-group:after{content:'';display:table;clear:both}.button-group>.button{position:relative;z-index:1;margin:0}.button-group>.button:hover{z-index:2}.button-group>.button:focus{z-index:3}.button-group>.button:active{z-index:4}.button-group>.button.active{z-index:5}.button-group+.button-group{margin-top:0;margin-left:.75em}.button-group>.button{width:auto}.button-group>.button{display:inline-block;float:left;border-radius:0}.button-group>.button+.button{margin-top:0;margin-left:-1px}.button-group>.button:first-child{border-top-left-radius:0;border-top-right-radius:0;border-top-left-radius:3px;border-bottom-left-radius:3px}.button-group>.button:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:3px;border-bottom-right-radius:3px}.button-group.block{display:block;float:none}.button-group.block+.button-group{margin-top:1em;margin-left:0}.button-group.vertical{margin-right:0}.button-group.vertical>.button{display:block;width:100%;float:none;border-radius:0}.button-group.vertical>.button+.button{margin-top:-1px;margin-left:0}.button-group.vertical>.button:first-child{border-top-left-radius:0;border-bottom-left-radius:0;border-top-left-radius:3px;border-top-right-radius:3px}.button-group.vertical>.button:last-child{border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.button-group.fluid{display:table;width:100%}.button-group.fluid>*{display:table-cell}.button-group>.button.is-1-of-1,.button-group.has-1>.button{width:100%}.button-group>.button.is-1-of-2,.button-group.has-2>.button{width:50%}.button-group>.button.is-1-of-3,.button-group.has-3>.button{width:33.33333%}.button-group>.button.is-1-of-4,.button-group.has-4>.button{width:25%}.button-group>.button.is-1-of-5,.button-group.has-5>.button{width:20%}.button-group>.button.is-1-of-6,.button-group.has-6>.button{width:16.66667%}.button-group>.button.is-1-of-7,.button-group.has-7>.button{width:14.28571%}.button-group>.button.is-1-of-8,.button-group.has-8>.button{width:12.5%}.button-group>.button.is-1-of-9,.button-group.has-9>.button{width:11.11111%}.button-group>.button.is-1-of-10,.button-group.has-10>.button{width:10%}.button-group>.button.is-1-of-11,.button-group.has-11>.button{width:9.09091%}.button-group>.button.is-1-of-12,.button-group.has-12>.button{width:8.33333%}.button-group.has-2,.button-group.has-margin-2{margin-right:-1px}.button-group.has-3,.button-group.has-margin-3{margin-right:-2px}.button-group.has-4,.button-group.has-margin-4{margin-right:-3px}.button-group.has-5,.button-group.has-margin-5{margin-right:-4px}.button-group.has-6,.button-group.has-margin-6{margin-right:-5px}.button-group.has-7,.button-group.has-margin-7{margin-right:-6px}.button-group.has-8,.button-group.has-margin-8{margin-right:-7px}.button-group.has-9,.button-group.has-margin-9{margin-right:-8px}.button-group.has-10,.button-group.has-margin-10{margin-right:-9px}.button-group.has-11,.button-group.has-margin-11{margin-right:-10px}.button-group.has-12,.button-group.has-margin-12{margin-right:-11px}@media (max-width: 479px){.button-group.stack-for-tiny{display:block;float:none;margin-right:0}.button-group.stack-for-tiny+.button-group{margin-top:1em;margin-left:0}.button-group.stack-for-tiny>.button{display:block;width:100%;float:none;border-radius:0}.button-group.stack-for-tiny>.button+.button{margin-top:-1px;margin-left:0}.button-group.stack-for-tiny>.button:first-child{border-top-left-radius:0;border-bottom-left-radius:0;border-top-left-radius:3px;border-top-right-radius:3px}.button-group.stack-for-tiny>.button:last-child{border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}}@media (max-width: 759px){.button-group.stack-for-small{display:block;float:none;margin-right:0}.button-group.stack-for-small+.button-group{margin-top:1em;margin-left:0}.button-group.stack-for-small>.button{display:block;width:100%;float:none;border-radius:0}.button-group.stack-for-small>.button+.button{margin-top:-1px;margin-left:0}.button-group.stack-for-small>.button:first-child{border-top-left-radius:0;border-bottom-left-radius:0;border-top-left-radius:3px;border-top-right-radius:3px}.button-group.stack-for-small>.button:last-child{border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}}@media (max-width: 989px){.button-group.stack-for-medium{display:block;float:none;margin-right:0}.button-group.stack-for-medium+.button-group{margin-top:1em;margin-left:0}.button-group.stack-for-medium>.button{display:block;width:100%;float:none;border-radius:0}.button-group.stack-for-medium>.button+.button{margin-top:-1px;margin-left:0}.button-group.stack-for-medium>.button:first-child{border-top-left-radius:0;border-bottom-left-radius:0;border-top-left-radius:3px;border-top-right-radius:3px}.button-group.stack-for-medium>.button:last-child{border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}}.button-group-wrapper{display:block;margin:0 0 -1em -1em}.button-group-wrapper:after{content:'';display:table;clear:both}.button-group-wrapper>.button,.button-group-wrapper .button-group{float:left}.button-group-wrapper>.button.float-left,.button-group-wrapper .button-group.float-left{float:left}.button-group-wrapper>.button.float-right,.button-group-wrapper .button-group.float-right{float:right}.button-group-wrapper .button-group.block{float:none;clear:both}.button-group-wrapper>.button,.button-group-wrapper .button-group,.button-group-wrapper .button-group.block,.button-group-wrapper .button-group+.button-group,.button-group-wrapper .button-group.block+.button-group,.button-group-wrapper .button-group.stack-for-small,.button-group-wrapper .button-group.stack-for-mobile,.button-group-wrapper .button-group.stack-for-tablet,.button-group-wrapper .button-group.stack-for-small+.button-group,.button-group-wrapper .button-group.stack-for-mobile+.button-group,.button-group-wrapper .button-group.stack-for-tablet+.button-group{margin-top:0;margin-left:1em;margin-bottom:1em}.notice{margin:2em 0;padding:0.25em 1.25em;font-size:1em;line-height:1.5em;border-radius:3px;color:#303030;text-shadow:0 1px 0 rgba(255,255,255,0.25);background:rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.15);box-shadow:0 1px 3px rgba(0,0,0,0.05)}.notice .close{float:right;margin:0.45em -0.25em 0 1em;color:inherit}.notice .close+*{padding-right:2.5em}.notice.inverted{color:#fff;text-shadow:0 1px 0 rgba(0,0,0,0.25);background:rgba(48,48,48,0.9);border:1px solid rgba(0,0,0,0.15);box-shadow:0 1px 3px rgba(0,0,0,0.05)}.notice.blue,.notice.info{background:rgba(20,137,201,0.1)}.notice.blue.inverted,.inverted.notice.info{background:rgba(20,137,201,0.9)}.notice.green,.notice.success{background:rgba(132,183,45,0.1)}.notice.green.inverted,.inverted.notice.success{background:rgba(132,183,45,0.9)}.notice.yellow,.notice.warning{background:rgba(241,196,15,0.1)}.notice.yellow.inverted,.inverted.notice.warning{background:rgba(218,177,13,0.9)}.notice.orange{background:rgba(230,146,66,0.1)}.notice.orange.inverted{background:rgba(230,146,66,0.9)}.notice.red,.notice.danger{background:rgba(222,81,81,0.1)}.notice.red.inverted,.inverted.notice.danger{background:rgba(222,81,81,0.9)}.notice.violet{background:rgba(188,107,211,0.1)}.notice.violet.inverted{background:rgba(188,107,211,0.9)}.notice.small{font-size:0.9em}.notice.large{font-size:1.1em}.notice.inline{display:inline;margin:0;padding:0 0.25em;box-shadow:none}.notice.inline.inverted{border:0 none}@media (min-width: 760px){.notice.pull-left{width:45%;float:left;margin:0.5em 5% 1em 0}}@media (min-width: 760px){.notice.pull-right{width:45%;float:right;margin:0.5em 0 1em 5%}}.breadcrumb{display:block;margin:1em 0;font-size:1em}.breadcrumb ul,.breadcrumb ol{margin:0;list-style:none}.breadcrumb ul:after,.breadcrumb ol:after{content:'';display:table;clear:both}.breadcrumb li{float:left;margin:0}.breadcrumb li a{border:0 none}.breadcrumb .current{color:#aaa}.breadcrumb li:after{content:"/";padding:0 0.75em;color:rgba(0,0,0,0.25)}.breadcrumb li:last-child:after{content:none}.breadcrumb.wrapped{padding:0.5em 1em;background:#e8f3fa;border:1px solid rgba(0,0,0,0.1);border-radius:3px}.dropdown,.dropdown-content,.dropdown-menu{position:relative;display:block;width:16rem;margin:0;font-size:.85714rem;line-height:1.35em;background:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,0.1);box-shadow:0 2px 6px rgba(0,0,0,0.15);border-radius:3px}.dropdown{padding:0}.dropdown>.dropdown-content,.dropdown>.dropdown-menu{width:auto;margin:0;background:none;border:0 none;border-top:1px solid rgba(0,0,0,0.1);box-shadow:none;border-radius:0}.dropdown>.dropdown-content:first-child,.dropdown>.dropdown-menu:first-child{border-top:0 none;border-top-left-radius:3px;border-top-right-radius:3px}.dropdown>.dropdown-content:last-child,.dropdown>.dropdown-menu:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.dropdown-content{padding:1em}.dropdown-content>*{margin-top:0.5em;margin-bottom:0.5em}.dropdown-content>:first-child{margin-top:0}.dropdown-content>:last-child{margin-bottom:0}.dropdown-content>hr{margin:1em 0}.dropdown-content>a.block{display:block;margin:-0.5em;padding:1em;color:#303030;border:0 none;border-radius:3px}.dropdown-content>a.block:hover{background:rgba(0,0,0,0.05);color:#303030}.dropdown-content>a.block>*{margin-top:0.5em;margin-bottom:0.5em}.dropdown-content>a.block>:first-child{margin-top:0}.dropdown-content>a.block>:last-child{margin-bottom:0}.dropdown-content>.button{display:block}.dropdown-menu{list-style:none;padding:0.5em}.dropdown-menu li{position:relative;margin:0;border-bottom:1px solid rgba(0,0,0,0.1);-webkit-transition:background-color 0.25s linear;transition:background-color 0.25s linear}.dropdown-menu li:hover{background:rgba(0,0,0,0.05);background-clip:padding-box}.dropdown-menu li:hover>a{color:#303030}.dropdown-menu li.active>a{color:#aaa}.dropdown-menu li.active:hover{background:none}.dropdown-menu li:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.dropdown-menu li:last-child{border-bottom:0 none;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.dropdown-menu li a{display:block;padding:0.75em 1em;color:#303030;border:0 none}.dropdown-trigger{position:relative}.dropdown-trigger .dropdown{position:absolute;z-index:100;opacity:0;visibility:hidden;-webkit-transition:"transform, opacity, visibility";transition:"transform, opacity, visibility";-webkit-transition-duration:0.25s;transition-duration:0.25s;-webkit-transition-timing-function:;transition-timing-function:;-webkit-transition-delay:0.25s;transition-delay:0.25s}.dropdown-trigger:not(.on-click):hover>.dropdown,.dropdown-trigger.active>.dropdown{z-index:105;opacity:1;visibility:visible;-webkit-transition:transform,opacity,visibility;transition:transform,opacity,visibility;-webkit-transition-duration:0.25s;transition-duration:0.25s;-webkit-transition-timing-function:;transition-timing-function:;-webkit-transition-delay:none;transition-delay:none}.dropdown-trigger .dropdown{margin:-1px 0 0 0;top:100%;left:0;right:auto;bottom:auto;-webkit-transform:translate3d(0, -1em, 0);-ms-transform:translate3d(0, -1em, 0);transform:translate3d(0, -1em, 0)}.dropdown-trigger:not(.on-click):hover>.dropdown,.dropdown-trigger.active>.dropdown{margin:-1px 0 0 0;top:100%;left:0;right:auto;bottom:auto;-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.dropdown-menu{position:relative}.dropdown-menu .dropdown-menu{position:absolute;z-index:100;opacity:0;visibility:hidden;-webkit-transition:"transform, opacity, visibility";transition:"transform, opacity, visibility";-webkit-transition-duration:0.25s;transition-duration:0.25s;-webkit-transition-timing-function:;transition-timing-function:;-webkit-transition-delay:0.25s;transition-delay:0.25s}.dropdown-menu>li:hover>.dropdown-menu,.dropdown-menu.active>li>.dropdown-menu{z-index:105;opacity:1;visibility:visible;-webkit-transition:transform,opacity,visibility;transition:transform,opacity,visibility;-webkit-transition-duration:0.25s;transition-duration:0.25s;-webkit-transition-timing-function:;transition-timing-function:;-webkit-transition-delay:none;transition-delay:none}.dropdown-menu .dropdown-menu{margin:-1px 0 0 -1px;top:-0.5em;left:100%;right:auto;bottom:auto;-webkit-transform:translate3d(-1em, 0, 0);-ms-transform:translate3d(-1em, 0, 0);transform:translate3d(-1em, 0, 0)}.dropdown-menu>li:hover>.dropdown-menu,.dropdown-menu.active>li>.dropdown-menu{margin:-1px 0 0 -1px;top:-0.5em;left:100%;right:auto;bottom:auto;-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.container{width:100%;min-width:none;max-width:none;margin:0;padding:0 1.5rem}.row{width:100%;margin-left:0;margin-right:0}.col{width:100%;float:none;padding-left:0;padding-right:0}@media (min-width: 760px){.container{width:100%;min-width:none;max-width:80rem;margin:0 auto;padding:0 1.5rem}.container:after{content:'';display:table;clear:both}.row{width:auto;margin-left:-.75rem;margin-right:-.75rem}.row:after{content:'';display:table;clear:both}.col{min-height:1px;float:left;padding-left:.75rem;padding-right:.75rem}.col.col-left{float:left}.col.col-right{float:right}.col-no-inner-gutter{padding-left:0;padding-right:0}.col-1{width:8.33333%}.col-2{width:16.66667%}.col-3{width:25%}.col-4{width:33.33333%}.col-5{width:41.66667%}.col-6{width:50%}.col-7{width:58.33333%}.col-8{width:66.66667%}.col-9{width:75%}.col-10{width:83.33333%}.col-11{width:91.66667%}.col-12{width:100%}.prefix-1{margin-left:8.33333%}.prefix-2{margin-left:16.66667%}.prefix-3{margin-left:25%}.prefix-4{margin-left:33.33333%}.prefix-5{margin-left:41.66667%}.prefix-6{margin-left:50%}.prefix-7{margin-left:58.33333%}.prefix-8{margin-left:66.66667%}.prefix-9{margin-left:75%}.prefix-10{margin-left:83.33333%}.prefix-11{margin-left:91.66667%}.suffix-1{margin-right:8.33333%}.suffix-2{margin-right:16.66667%}.suffix-3{margin-right:25%}.suffix-4{margin-right:33.33333%}.suffix-5{margin-right:41.66667%}.suffix-6{margin-right:50%}.suffix-7{margin-right:58.33333%}.suffix-8{margin-right:66.66667%}.suffix-9{margin-right:75%}.suffix-10{margin-right:83.33333%}.suffix-11{margin-right:91.66667%}}.has-1,.has-2,.has-3,.has-4,.has-5,.has-6,.has-7,.has-8,.has-9,.has-10,.has-11,.has-12{display:block}.has-1:after,.has-2:after,.has-3:after,.has-4:after,.has-5:after,.has-6:after,.has-7:after,.has-8:after,.has-9:after,.has-10:after,.has-11:after,.has-12:after{content:'';display:table;clear:both}.is-1-of-1,.has-1>*,.is-1-of-2,.has-2>*,.is-1-of-3,.has-3>*,.is-1-of-4,.has-4>*,.is-1-of-5,.has-5>*,.is-1-of-6,.has-6>*,.is-1-of-7,.has-7>*,.is-1-of-8,.has-8>*,.is-1-of-9,.has-9>*,.is-1-of-10,.has-10>*,.is-1-of-11,.has-11>*,.is-1-of-12,.has-12>*{float:left}.is-1-of-1,.has-1>*{width:100%}.is-1-of-2,.has-2>*{width:50%}.is-1-of-3,.has-3>*{width:33.33333%}.is-1-of-4,.has-4>*{width:25%}.is-1-of-5,.has-5>*{width:20%}.is-1-of-6,.has-6>*{width:16.66667%}.is-1-of-7,.has-7>*{width:14.28571%}.is-1-of-8,.has-8>*{width:12.5%}.is-1-of-9,.has-9>*{width:11.11111%}.is-1-of-10,.has-10>*{width:10%}.is-1-of-11,.has-11>*{width:9.09091%}.is-1-of-12,.has-12>*{width:8.33333%}body{background:#f5f5f5}.header{padding:2em 0}.home .header{padding-bottom:0;border-bottom:0 none}.main{background:#fff}.home .header{background:none}.main{padding:1em 0 2em}.footer{padding:2em 0}@media (min-width: 760px){.home .header{padding-bottom:2em}.main{padding:2em 0}}.header .flex{display:flex;justify-content:space-between;align-items:center;margin:0}.header .logo{display:flex;align-items:center;border:0 none}.header .logo img{margin:0}.header .logo .version{margin-top:8px;margin-left:10px;color:#aaa;-webkit-transition:all 0.25s linear;transition:all 0.25s linear}.header .logo:hover .version{color:#b357cd}.home .header .logo .version{color:rgba(255,255,255,0.5)}.home .header .logo:hover .version{color:#fff}.header .nav ul.menu-hori{display:flex;align-items:center;margin:0;list-style:none}.header .nav ul.menu-hori li{margin:0 15px}.header .nav ul.menu-hori li:first-child{margin-left:0}.header .nav ul.menu-hori li:last-child{margin-right:0}.header .nav ul.menu-hori li a:not(.button){color:#303030;font-size:1.07143em}.header .nav ul.menu-hori li a:not(.button):hover{color:#b357cd}.header .nav ul.menu-hori li.active a:not(.button){color:#aaa;border:0 none}.home .header .nav ul.menu-hori li a:not(.button){color:#fff;border-color:rgba(255,255,255,0.1);font-size:1.07143em}.home .header .nav ul.menu-hori li a:not(.button):hover{border-color:#fff}.home .header .nav ul.menu-hori li.active a:not(.button){color:rgba(255,255,255,0.5)}.home .header .nav li>.button,.home .header .nav .dropdown-trigger>.button{background-clip:padding-box}.header .dropdown-trigger .dropdown{margin:-1px 0 0 0;top:100%;left:auto;right:0;bottom:auto;-webkit-transform:translate3d(0, -1em, 0);-ms-transform:translate3d(0, -1em, 0);transform:translate3d(0, -1em, 0)}.header .dropdown-trigger:not(.on-click):hover>.dropdown,.header .dropdown-trigger.active>.dropdown{margin:-1px 0 0 0;top:100%;left:auto;right:0;bottom:auto;-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.icon.icon-more{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:8px;height:1.5em;margin:0 0 0 10px;float:right}.icon.icon-more .dot{display:inline-block;width:3px;height:3px;margin:0 0 2px 0;background:#303030;border-radius:50%}.icon.icon-more .dot:last-child{margin-bottom:1px}.header .logo .mobile,.header .nav .mobile{display:inline-block}.header .logo .desktop,.header .nav .menu-hori.desktop{display:none}@media (min-width: 930px){.header .nav .mobile{display:none}.header .nav .menu-hori.desktop{display:flex}}@media (min-width: 480px){.header .logo .mobile{display:none}.header .logo .desktop{display:flex}}.hero{position:relative;background:#1489C9}.hero{position:relative}.hero:after{background:inherit;bottom:0;content:'';display:block;height:50%;left:0;position:absolute;right:0;transform:skewY(-4deg);transform-origin:100%;z-index:-1}.hero:before{content:'';position:absolute;top:100%;left:0;width:100%;height:15em;background:#fff;z-index:-2}.hero-content{text-align:center;margin-bottom:2em}.hero-content .container{padding-top:2em;padding-bottom:2em}.hero-content h1{font-size:1.28571em;line-height:1.5em;font-weight:300;color:#fff}@media (min-width: 480px){.hero-content{margin-bottom:5em}.hero-content .container{padding:5em 5em 6em}.hero-content h1{font-size:1.42857em}}@media (min-width: 760px){.hero-content{margin-bottom:10em}.hero-content .container{padding:10em 10em 12em}.hero-content h1{font-size:1.71429em}}@media (min-width: 1400px){.hero-content{margin-bottom:15em}}.main .flex,.main .feature{margin-bottom:4em}.main .flex:last-child,.main .feature:last-child{margin-bottom:0}.home .row{margin-bottom:4em}.home hr{margin:8em 0}.home .main img{width:250px;height:auto;margin:1em auto 3em}@media (min-width: 760px){.main .flex{display:flex;justify-content:space-between;align-items:stretch}.main .flex>*{width:50%;margin-right:6em}.main .flex>*:last-child{margin-right:0}.main .feature{display:flex;justify-content:space-between;align-items:center}.main .feature>*{width:50%}.main .feature .feature-content{width:50%;margin-left:3em;margin-right:6em}.main .feature .feature-ill{width:50%;margin-left:6em;margin-right:0}.main .feature.reverse{flex-direction:row-reverse}.main .feature.reverse .feature-content{margin-left:6em;margin-right:3em}.main .feature.reverse .feature-ill{margin-left:0;margin-right:6em}.home .main img{width:auto;margin:0 auto}}.widget{margin:0;padding:2rem 0;border-bottom:1px solid rgba(0,0,0,0.1);border-radius:3px}.widget:first-child{padding-top:1rem}.widget:last-child{padding-bottom:1rem;border-bottom:0 none}.widget h2{margin:0.5rem 0;font-size:1.14286em;font-weight:600}.widget-menu .active>a{color:#aaa;border:0 none}.widget-menu ul ul{display:none}.widget-menu .active>ul{display:block}.widget-contents .active>a{color:#aaa;border:0 none}.widget-action{display:none}@media (min-width: 760px){.widget-action{display:block}}.widget-back{text-align:center}.widget-back:first-child,.widget-back:last-child{padding:0}@media (min-width: 760px){.widget-back{margin:1em 0;text-align:left}.widget-back:first-child,.widget-back:last-child{padding:1em 0}}@media screen and (max-width: 759px){.table-docs tr,.table-docs th,.table-docs td{display:block}.table-docs tr{padding:0.5em 0.75em;border-bottom:1px solid rgba(0,0,0,0.1)}.table-docs tr:first-child{border-top:1px solid rgba(0,0,0,0.1)}.table-docs tr th,.table-docs tr td{padding:0.5rem 0;border-bottom:1px dotted rgba(0,0,0,0.1)}.table-docs tr th:last-child,.table-docs tr td:last-child{border-bottom:0 none}.table-docs tbody:first-child tr:first-child th,.table-docs tbody:first-child tr:first-child td{border-top:0 none}}.list-docs{margin:1.5rem 0}.list-docs h3{font-size:1.28571em;color:#aaa;font-weight:300}.list-docs.numbered{counter-reset:list-counter}.list-docs.numbered li{position:relative;padding-left:3em}.list-docs.numbered li:before{content:counter(list-counter);counter-increment:list-counter;position:absolute;top:1.5rem;left:0;font-size:2em;line-height:1.5em;color:#aaa}.subsection:last-child .list-docs:last-child li:last-child{border-bottom:0 none}.subsection{margin:2rem 0}@media (min-width: 760px){.subsection{margin:3rem 0}}.swatch{display:inline-block;border:1px solid rgba(0,0,0,0.1);width:44px;height:44px;border-radius:3px}.swatch-wrap{position:relative;height:44px;min-width:44px}.swatch-wrap .swatch{position:absolute;top:0;left:0}.swatch-wrap .swatch-value{margin-left:49px;display:inline-block;width:auto;font-family:Menlo,Monaco,Consolas,"Courier New",monospace}.article-listing{list-style:none;margin:0}.article-listing li{margin:2rem 0}.article-listing li:first-child{margin-top:0}.article-listing h1{font-size:2em}.article-listing h1 a{color:#303030}.article-listing h1 a:hover{color:#b357cd}.article{position:relative}.article header{text-align:center}.article header:after{content:'';display:inline-block;margin:1em auto;height:1px;width:3em;background:rgba(0,0,0,0.1)}.article .date,.article .meta{text-transform:uppercase;letter-spacing:1px;color:#aaa}.article .date a,.article .meta a{color:#aaa}.article .date a:hover,.article .meta a:hover{color:#b357cd}.article .content{font-size:1.14286em;line-height:1.5em}.page-nav{margin:2em 0}.page-nav .button{display:block;margin:0.5em 0}@media (min-width: 480px){.page-nav{margin:4em 0;display:flex;justify-content:space-between;align-items:center}.page-nav .button{width:50%;margin-right:1em}.page-nav .button:last-child{margin-right:0}}.comments-wrapper{margin:2em 0}@media (min-width: 760px){.comments-wrapper{margin:6em 0}}.block-action{margin:2em 0;padding:1.5em 3em;background:#1489C9;border-radius:3px;color:#fff;text-align:center}.block-action h3{color:#fff}.block-action .button-group-wrapper{display:block}.block-action .button-group-wrapper .button{width:100%;display:block;background-clip:padding-box}@media (min-width: 760px){.block-action .button-group-wrapper{display:inline-block}.block-action .button-group-wrapper .button{width:auto;display:inline-block}}.footer{color:#aaa;text-align:center}.footer .logo{border:0 none}.footer img{display:inline-block;opacity:0.4}.footer a{color:#aaa}.footer a:hover{color:#b357cd}@media (min-width: 760px){.footer{text-align:left}.footer .logo{position:relative;top:-3px;float:right}.footer img{margin:0}}figure{margin:1em 0}.highlight .c{color:#998;font-style:italic}.highlight .err{color:#a61717}.highlight .k{font-weight:bold}.highlight .o{font-weight:bold}.highlight .cm{color:#998;font-style:italic}.highlight .cp{color:#999;font-weight:bold}.highlight .c1{color:#998;font-style:italic}.highlight .cs{color:#999;font-weight:bold;font-style:italic}.highlight .gd{color:#000}.highlight .gd .x{color:#000}.highlight .ge{font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000}.highlight .gi .x{color:#000}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kc{font-weight:bold}.highlight .kd{font-weight:bold}.highlight .kp{font-weight:bold}.highlight .kr{font-weight:bold}.highlight .kt{color:#458;font-weight:bold}.highlight .m{color:#099}.highlight .s{color:#d14}.highlight .na{color:#008080}.highlight .nb{color:#0086B3}.highlight .nc{color:#458;font-weight:bold}.highlight .no{color:#008080}.highlight .ni{color:#800080}.highlight .ne{color:#900;font-weight:bold}.highlight .nf{color:#900;font-weight:bold}.highlight .nn{color:#555}.highlight .nt{color:#000080}.highlight .nv{color:#008080}.highlight .ow{font-weight:bold}.highlight .w{color:#bbb}.highlight .mf{color:#099}.highlight .mh{color:#099}.highlight .mi{color:#099}.highlight .mo{color:#099}.highlight .sb{color:#d14}.highlight .sc{color:#d14}.highlight .sd{color:#d14}.highlight .s2{color:#d14}.highlight .se{color:#d14}.highlight .sh{color:#d14}.highlight .si{color:#d14}.highlight .sx{color:#d14}.highlight .sr{color:#009926}.highlight .s1{color:#d14}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:#008080}.highlight .vg{color:#008080}.highlight .vi{color:#008080}.highlight .il{color:#099}.swatch-black{background-color:#000}.swatch-white{background-color:#fff}.swatch-gray-pale{background-color:#f5f5f5}.swatch-gray-lighter{background-color:#ccc}.swatch-gray-light{background-color:#aaa}.swatch-gray{background-color:#606060}.swatch-gray-dark{background-color:#303030}.swatch-gray-darker{background-color:#101010}.swatch-red-pale{background-color:rgba(222,81,81,0.1)}.swatch-red-lighter{background-color:#e67c7c}.swatch-red-light{background-color:#e26666}.swatch-red{background-color:#de5151}.swatch-red-dark{background-color:#da3c3c}.swatch-red-darker{background-color:#d42828}.swatch-red-orange-pale{background-color:rgba(231,112,69,0.1)}.swatch-red-orange-lighter{background-color:#ed9272}.swatch-red-orange-light{background-color:#ea815b}.swatch-red-orange{background-color:#e77045}.swatch-red-orange-dark{background-color:#e45e2e}.swatch-red-orange-darker{background-color:#dd4f1c}.swatch-orange-pale{background-color:rgba(230,146,66,0.1)}.swatch-orange-lighter{background-color:#ecac6f}.swatch-orange-light{background-color:#e99f59}.swatch-orange{background-color:#e69242}.swatch-orange-dark{background-color:#e3852b}.swatch-orange-darker{background-color:#d8781d}.swatch-yellow-orange-pale{background-color:rgba(242,173,35,0.1)}.swatch-yellow-orange-lighter{background-color:#f5bf53}.swatch-yellow-orange-light{background-color:#f3b63b}.swatch-yellow-orange{background-color:#f2ad23}.swatch-yellow-orange-dark{background-color:#eda30e}.swatch-yellow-orange-darker{background-color:#d5920d}.swatch-yellow-pale{background-color:rgba(241,196,15,0.1)}.swatch-yellow-lighter{background-color:#f4d03f}.swatch-yellow-light{background-color:#f2ca27}.swatch-yellow{background-color:#f1c40f}.swatch-yellow-dark{background-color:#dab10d}.swatch-yellow-darker{background-color:#c29d0b}.swatch-yellow-green-pale{background-color:rgba(192,196,25,0.1)}.swatch-yellow-green-lighter{background-color:#e1e42b}.swatch-yellow-green-light{background-color:#d7da1b}.swatch-yellow-green{background-color:#c0c419}.swatch-yellow-green-dark{background-color:#aaad16}.swatch-yellow-green-darker{background-color:#949613}.swatch-green-pale{background-color:rgba(132,183,45,0.1)}.swatch-green-lighter{background-color:#9ed146}.swatch-green-light{background-color:#93cb32}.swatch-green{background-color:#84b72d}.swatch-green-dark{background-color:#75a328}.swatch-green-darker{background-color:#668e23}.swatch-blue-green-pale{background-color:rgba(70,166,124,0.1)}.swatch-blue-green-lighter{background-color:#62bd95}.swatch-blue-green-light{background-color:#50b589}.swatch-blue-green{background-color:#46a67c}.swatch-blue-green-dark{background-color:#3f946e}.swatch-blue-green-darker{background-color:#378261}.swatch-blue-pale{background-color:rgba(20,137,201,0.1)}.swatch-blue-lighter{background-color:#27a5e9}.swatch-blue-light{background-color:#1699e0}.swatch-blue{background-color:#1489C9}.swatch-blue-dark{background-color:#1279b2}.swatch-blue-darker{background-color:#0f699b}.swatch-blue-violet-pale{background-color:rgba(99,119,211,0.1)}.swatch-blue-violet-lighter{background-color:#8b9ade}.swatch-blue-violet-light{background-color:#7788d9}.swatch-blue-violet{background-color:#6377d3}.swatch-blue-violet-dark{background-color:#4f65cd}.swatch-blue-violet-darker{background-color:#3b54c8}.swatch-violet-pale{background-color:rgba(188,107,211,0.1)}.swatch-violet-lighter{background-color:#ce92df}.swatch-violet-light{background-color:#c57fd9}.swatch-violet{background-color:#bc6bd3}.swatch-violet-dark{background-color:#b357cd}.swatch-violet-darker{background-color:#aa44c7}.swatch-red-violet-pale{background-color:rgba(210,89,146,0.1)}.swatch-red-violet-lighter{background-color:#dd81ac}.swatch-red-violet-light{background-color:#d86d9f}.swatch-red-violet{background-color:#d25992}.swatch-red-violet-dark{background-color:#cd4584}.swatch-red-violet-darker{background-color:#c33577}.swatch-bg-color{background-color:#f5f5f5}.swatch-bg-selection{background-color:rgba(132,183,45,0.25)}.swatch-border-color{background-color:rgba(0,0,0,0.1)}.swatch-border-color-hover{background-color:rgba(0,0,0,0.25)}.demo{margin:1.5em -1.5em;padding:0 1.5em;overflow:auto;border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1)}.demo .box{width:50px;height:50px;margin:0 auto;color:#fff;background:#1489C9;border-radius:3px}@media (min-width: 760px){.demo{margin:1.5em 0;padding:1.5em 3em;border:1px solid rgba(0,0,0,0.1);border-radius:3px}}.demo.demo-vertical-center{height:200px}.demo.demo-vertical-center .box{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.demo-border-radius{display:inline-block;background:#1489C9;width:30px;height:30px}.mixin-border-radius{border-radius:50%}.mixin-border-radius-top{border-top-left-radius:50%;border-top-right-radius:50%}.mixin-border-radius-top-left{border-top-left-radius:50%}.mixin-border-radius-top-right{border-top-right-radius:50%}.mixin-border-radius-bottom{border-bottom-right-radius:50%;border-bottom-left-radius:50%}.mixin-border-radius-bottom-left{border-bottom-left-radius:50%}.mixin-border-radius-bottom-right{border-bottom-right-radius:50%}.mixin-border-radius-left{border-top-left-radius:50%;border-bottom-left-radius:50%}.mixin-border-radius-left-top{border-top-left-radius:50%}.mixin-border-radius-left-bottom{border-bottom-left-radius:50%}.mixin-border-radius-right{border-top-right-radius:50%;border-bottom-right-radius:50%}.mixin-border-radius-right-top{border-top-right-radius:50%}.mixin-border-radius-right-bottom{border-bottom-right-radius:50%}.demo.demo-transform-skew .box{-webkit-transform:skew(30deg, 10deg);-ms-transform:skew(30deg, 10deg);transform:skew(30deg, 10deg)}.demo.demo-rotate .box{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.demo.demo-transition .box{background-color:#1489C9;-webkit-transition:all 0.25s linear;transition:all 0.25s linear}.demo.demo-transition .box:hover{background-color:#de5151}@-webkit-keyframes example{0%{background-color:#de5151}50%{background-color:#1489C9}100%{background-color:#de5151}}@keyframes example{0%{background-color:#de5151}50%{background-color:#1489C9}100%{background-color:#de5151}}.demo.demo-animation .box{-webkit-animation:example 10s linear 1s infinite normal;animation:example 10s linear 1s infinite normal}.demo.demo-linear-gradient .box{width:100%;background-image:-webkit-linear-gradient(left,#bc6bd3,#1489C9,#84b72d);background-image:-moz-linear-gradient(left,#bc6bd3,#1489C9,#84b72d);background-image:-ms-linear-gradient(left,#bc6bd3,#1489C9,#84b72d);background-image:linear-gradient(left,#bc6bd3,#1489C9,#84b72d)}.demo.demo-radial-gradient .box{width:100px;height:100px;background-image:-webkit-radial-gradient(circle,#1489C9,#bc6bd3);background-image:-moz-radial-gradient(circle,#1489C9,#bc6bd3);background-image:-ms-radial-gradient(circle,#1489C9,#bc6bd3);background-image:radial-gradient(circle,#1489C9,#bc6bd3)}.demo.demo-text-truncate .box{width:150px;height:auto;padding:1em 1.5em;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo.demo-logo-image .logo{display:block;margin:1.5rem auto;padding:0;border:0 none;background:url("../img/baseweb-hori-black.svg") no-repeat left center;background-size:187px 40px;width:187px;height:40px;font-size:0;line-height:0;text-indent:100%;white-space:nowrap;overflow:hidden}.demo.demo-text-mask{-webkit-text-fill-color:rgba(0,0,0,0.25);-webkit-background-clip:text;background-clip:text;background-image:url("../img/demo-mask.jpg");background-repeat:no-repeat;background-position:center center;background-size:cover}.demo.demo-text-mask p{margin:1rem 0;font-size:4em;line-height:1em;text-align:center;text-transform:uppercase;font-weight:900;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo.demo-triangle{text-align:center}.demo.demo-triangle:after{content:'';display:table;clear:both}.example-triangle-1,.example-triangle-2,.example-triangle-3{content:'';display:inline-block;width:0;height:0;border:0 none;border-style:solid;border-color:transparent}.example-triangle-1{border-color:transparent;border-width:14px 14px 14px 0;border-right-color:#1489C9}.example-triangle-2{border-color:transparent;border-width:14px 14px 0 14px;border-top-color:#6377d3}.example-triangle-3{border-color:transparent;border-width:14px 0 14px 14px;border-left-color:#bc6bd3}.demo-grid{margin:1.5rem 0}.demo-grid .col{margin-top:0.75rem;margin-bottom:0.75rem}.demo-grid .col p{margin:0;padding:1rem;background:#f5f5f5;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:1em;line-height:1.5em;text-align:center;border-radius:3px}.demo-grid-semantic .demo-wrapper,.demo-grid-semantic .demo-content,.demo-grid-semantic .demo-aside,.demo-grid-semantic .demo-article{background:rgba(20,137,201,0.1)}.demo-grid-semantic .demo-wrapper p,.demo-grid-semantic .demo-content p,.demo-grid-semantic .demo-aside p,.demo-grid-semantic .demo-article p{margin:0;padding:1rem;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:1em;line-height:1.5em;text-align:center}.demo-grid-semantic .demo-aside p,.demo-grid-semantic .demo-article p{margin:0.75rem 0;background:#f5f5f5;border-radius:3px}.demo-grid-semantic .demo-wrapper{width:100%;min-width:none;max-width:80rem;margin:0 auto;padding:0 1.5rem}.demo-grid-semantic .demo-wrapper:after{content:'';display:table;clear:both}.demo-grid-semantic .demo-content{width:auto;margin-left:-.75rem;margin-right:-.75rem}.demo-grid-semantic .demo-content:after{content:'';display:table;clear:both}.demo-grid-semantic .demo-aside,.demo-grid-semantic .demo-article{min-height:1px;float:left;padding-left:.75rem;padding-right:.75rem}.demo-grid-semantic .demo-aside.col-left,.demo-grid-semantic .demo-article.col-left{float:left}.demo-grid-semantic .demo-aside.col-right,.demo-grid-semantic .demo-article.col-right{float:right}.demo-grid-semantic .demo-aside{width:33.33333%}.demo-grid-semantic .demo-article{width:66.66667%}@media (min-width: 760px){.demo-grid-prefix-suffix{padding-left:0.75rem;padding-right:0.75rem}}.demo-grid-prefix-suffix .row{background:rgba(20,137,201,0.1)}@media (min-width: 760px){.demo-grid-nested{padding-left:0.75rem;padding-right:0.75rem}}.demo-grid-nested .col{margin-top:0;margin-bottom:0;background:rgba(20,137,201,0.1)}.demo-grid-nested .col p{margin:0.75rem 0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo.demo-mini-grid{padding:1.5em 3em}.demo-mini-grid .mini-grid{margin:1rem 0}.demo-mini-grid .mini-grid:after{content:'';display:table;clear:both}.demo-mini-grid .mini-grid>*{margin:0;padding:1rem 0;background:#f5f5f5;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:1em;line-height:1.5em;text-align:center;border-left:1px solid rgba(0,0,0,0.1)}.demo-mini-grid .mini-grid>*:first-child{border-left:0 none;border-top-left-radius:3px;border-bottom-left-radius:3px}.demo-mini-grid .mini-grid>*:last-child{border-top-right-radius:3px;border-bottom-right-radius:3px}.demo-buttons{padding-top:1rem}.demo-buttons>p{margin-left:-0.5rem}.demo-buttons>p:after{content:'';display:table;clear:both}.demo-buttons .button,.demo-buttons .button-custom,.demo-buttons .button-custom-mobile{float:left;margin:0.5rem 0 0 0.5rem}.demo-buttons-mobile>p{margin-left:0}.demo-buttons-mobile .button,.demo-buttons-mobile .button-custom-mobile{margin-left:0}.button-custom{cursor:pointer;display:inline-block;outline:none;margin:0;padding:0.75em 1.5em;font-family:inherit;font-size:1em;line-height:1.5em;font-weight:inherit;color:#303030;text-align:center;white-space:nowrap;vertical-align:top;background:none;box-shadow:inset 0 0 0 transparent;border:1px solid rgba(0,0,0,0.15);border-radius:3px;-webkit-transition-property:color,background-color,box-shadow,border-color;transition-property:color,background-color,box-shadow,border-color;-webkit-transition-duration:0.75s;transition-duration:0.75s;-webkit-transition-timing-function:linear;transition-timing-function:linear;color:#fff;text-shadow:none;background-color:#bc6bd3;background-clip:border-box;border:1px solid rgba(0,0,0,0.15)}.button-custom:hover,.button-custom:focus{color:#303030;background:none;box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);border-color:rgba(0,0,0,0.25);-webkit-transition-property:color,background-color,box-shadow,border-color;transition-property:color,background-color,box-shadow,border-color;-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:linear;transition-timing-function:linear}.button-custom:active{color:#303030;background:none;box-shadow:inset 0 1px 3px rgba(0,0,0,0.2);border-color:rgba(0,0,0,0.25);-webkit-transition-property:color,background-color,box-shadow,border-color;transition-property:color,background-color,box-shadow,border-color;-webkit-transition-duration:0;transition-duration:0;-webkit-transition-timing-function:linear;transition-timing-function:linear}.button-custom:hover,.button-custom:focus{color:#fff;background-color:#b357cd;border-color:rgba(0,0,0,0.25)}.button-custom:active{color:#fff;background-color:#aa44c7;border-color:rgba(0,0,0,0.25)}.button-custom-mobile{cursor:pointer;display:inline-block;outline:none;margin:0;padding:0.75em 1.5em;font-family:inherit;font-size:1em;line-height:1.5em;font-weight:inherit;color:#303030;text-align:center;white-space:nowrap;vertical-align:top;background:none;box-shadow:inset 0 0 0 transparent;border:1px solid rgba(0,0,0,0.15);border-radius:3px;-webkit-transition-property:color,background-color,box-shadow,border-color;transition-property:color,background-color,box-shadow,border-color;-webkit-transition-duration:0.75s;transition-duration:0.75s;-webkit-transition-timing-function:linear;transition-timing-function:linear;color:#303030;text-shadow:none;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,0.15);display:block;width:100%}.button-custom-mobile:hover,.button-custom-mobile:focus{color:#303030;background:none;box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);border-color:rgba(0,0,0,0.25);-webkit-transition-property:color,background-color,box-shadow,border-color;transition-property:color,background-color,box-shadow,border-color;-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:linear;transition-timing-function:linear}.button-custom-mobile:active{color:#303030;background:none;box-shadow:inset 0 1px 3px rgba(0,0,0,0.2);border-color:rgba(0,0,0,0.25);-webkit-transition-property:color,background-color,box-shadow,border-color;transition-property:color,background-color,box-shadow,border-color;-webkit-transition-duration:0;transition-duration:0;-webkit-transition-timing-function:linear;transition-timing-function:linear}.button-custom-mobile:hover,.button-custom-mobile:focus{color:#303030;background-color:#f2f2f2;border-color:rgba(0,0,0,0.25)}.button-custom-mobile:active{color:#303030;background-color:#e6e6e6;border-color:rgba(0,0,0,0.25)}.demo .notice{margin-top:1em;margin-bottom:1em}.custom-breadcrumb{display:block;margin:1em 0;font-size:1em}.custom-breadcrumb ul,.custom-breadcrumb ol{margin:0;list-style:none}.custom-breadcrumb ul:after,.custom-breadcrumb ol:after{content:'';display:table;clear:both}.custom-breadcrumb li{float:left;margin:0}.custom-breadcrumb li a{color:#84b72d;border:0 none}.custom-breadcrumb li a:hover{color:#de5151}.custom-breadcrumb .current{color:#aaa}.custom-breadcrumb li:after{content:"»";padding:0 0.75em;color:rgba(0,0,0,0.25)}.custom-breadcrumb li:last-child:after{content:none}.breadcrumb.custom-wrapped{padding:0.5em 1em;background:rgba(170,68,199,0.1);border:3px solid rgba(0,0,0,0.05);border-radius:0}.demo-dropdown{padding:2em 3em 2em;overflow:visible}.demo-dropdown:after{content:'';display:table;clear:both}.demo-dropdown>.dropdown-trigger{float:left;margin:1em 1em 1em 0}.demo-dropdown-styles{padding:2em 3em 3em}.demo-dropdown-styles>.dropdown,.demo-dropdown-styles>.dropdown-content,.demo-dropdown-styles>.dropdown-menu{float:left;margin:1em 1em 0 0} diff --git a/docs/docs/blocks/breadcrumbs.md b/docs/docs/blocks/breadcrumbs.md index 87b5f0ed..c106569b 100644 --- a/docs/docs/blocks/breadcrumbs.md +++ b/docs/docs/blocks/breadcrumbs.md @@ -56,30 +56,6 @@ You also have the `.wrapped` class to add simple wrapper styles to your breadcru -## Fancy Breadcrumbs - -If you have your `$breadcrumbs('classes-fancy')` set to `true`, then you'll have the fancy class and fancy modifiers available for styling breadcrumbs. Fancy classes are used to create more complex breadcrumb styling. - -```html - -``` - -
- -
-
# Breadcrumb Variables @@ -168,91 +144,6 @@ Breadcrumb variables are encompassed within the `$breadcrumbs` map and are used $breadcrumbs('delimiter-end') false - - - Fancy Breadcrumbs - - - $breadcrumbs('fancy' 'margin') - 1em 0 - - - $breadcrumbs('fancy' 'padding') - 0.5em 0.5em 0.5em 2em - - - $breadcrumbs('fancy' 'padding-first') - 0.5em 0.5em 0.5em 1em - - - $breadcrumbs('fancy' 'padding-last') - 0.5em 1em 0.5em 2em - - - $breadcrumbs('fancy' 'font-size') - 1em - - - - $breadcrumbs('fancy' 'color') - $color-dark - - - $breadcrumbs('fancy' 'color-hover') - null - - - $breadcrumbs('fancy' 'color-active') - null - - - $breadcrumbs('fancy' 'text-shadow') - null - - - - $breadcrumbs('fancy' 'background') - mix($blue, $white, 10%) - - - $breadcrumbs('fancy' 'background-hover') - darken(mix($blue, $white, 10%), 5%) - - - $breadcrumbs('fancy' 'background-active') - mix($blue, $white, 2%) - - - - $breadcrumbs('fancy' 'border') - 1px solid rgba($black, 0.1) - - - $breadcrumbs('fancy' 'border-radius') - $border-radius - - - - $breadcrumbs('fancy' 'delimiter-border') - 1px solid rgba($black, 0.15) - - - $breadcrumbs('fancy' 'delimiter-radius') - 0 5px 0 100% - - - $breadcrumbs('fancy' 'delimiter-rotate') - 45deg - - - $breadcrumbs('fancy' 'delimiter-skew') - (10deg, 10deg) - - - - $breadcrumbs('fancy' 'transition') - background 0.25s linear -
@@ -381,65 +272,6 @@ For this example, we'll use the default `.breadcrumb` class but use the `add-bre -
  • - -## add-breadcrumb-fancy - -Creates fancy breadcrumb styles. - -```scss -@include add-breadcrumb-fancy( $options: () ); -``` - - - - - - - - - - - - -
    VariableTypeDefault
    $optionsMap$breadcrumbs()
    - -### Example Usage - -```scss -.breadcrumb.custom-fancy { - @include add-breadcrumb-fancy(( - 'fancy' : ( - 'color' : $white, - 'text-shadow' : 0 1px 1px rgba($black, 0.25), - 'border' : 1px solid $green-darker, - 'background' : $green, - 'background-hover' : $green-dark, - 'background-active' : $green-darker, - 'delimiter-border' : 1px solid $green-darker, - 'delimiter-skew' : (0), - ) - )); -} -``` - -```html - -``` - -
    - -
    - -
    • -
    diff --git a/src/css/baseweb.css b/src/css/baseweb.css index 9e5eda05..e2a37c1a 100644 --- a/src/css/baseweb.css +++ b/src/css/baseweb.css @@ -1,6 +1,7 @@ /*! * BaseWeb * A fresh front-end development framework + * @version 2.0.0 * * @author Sebastian Nitu * @url https://github.com/sebnitu/BaseWeb @@ -2400,121 +2401,6 @@ fieldset[disabled] .input { border-radius: 3px; } -.breadcrumb.fancy { - display: block; - margin: 1em 0; - font-size: 1em; -} - -.breadcrumb.fancy ul, -.breadcrumb.fancy ol { - display: table; - margin: 0; - overflow: hidden; - vertical-align: middle; - list-style: none; - background: #e8f3fa; - border: 1px solid rgba(0, 0, 0, 0.1); - border-radius: 3px; -} - -.breadcrumb.fancy ul:after, -.breadcrumb.fancy ol:after { - content: none; - display: none; - clear: none; -} - -.breadcrumb.fancy li { - display: table-cell; - margin: 0; - float: none; -} - -.breadcrumb.fancy li:first-child a, .breadcrumb.fancy li:first-child .item { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} - -.breadcrumb.fancy li:after { - content: none; - display: none; -} - -.breadcrumb.fancy li a, -.breadcrumb.fancy li .item { - position: relative; - display: block; - padding: 0.5em 0.5em 0.5em 2em; - color: #303030; - white-space: nowrap; - background: #e8f3fa; - border: 0 none; - -webkit-transition: background 0.25s linear; - transition: background 0.25s linear; -} - -.breadcrumb.fancy li a span, -.breadcrumb.fancy li .item span { - position: relative; - z-index: 2; -} - -.breadcrumb.fancy li a:after, -.breadcrumb.fancy li .item:after { - width: 2em; - height: 2em; - content: ''; - position: absolute; - z-index: 1; - top: 50%; - right: -1em; - margin: -1em 0 0 0; - background: #e8f3fa; - background-clip: padding-box; - border-top: 1px solid rgba(0, 0, 0, 0.15); - border-right: 1px solid rgba(0, 0, 0, 0.15); - -webkit-transition: background 0.25s linear; - transition: background 0.25s linear; - border-radius: 0 5px 0 100%; - -webkit-transform: rotate(45deg) skew(10deg, 10deg); - -ms-transform: rotate(45deg) skew(10deg, 10deg); - transform: rotate(45deg) skew(10deg, 10deg); -} - -.breadcrumb.fancy li a:hover, -.breadcrumb.fancy li .item:hover { - background: #d3e8f5; -} - -.breadcrumb.fancy li a:hover:after, -.breadcrumb.fancy li .item:hover:after { - background: #d3e8f5; -} - -.breadcrumb.fancy li:first-child a, .breadcrumb.fancy li:first-child .item { - padding: 0.5em 0.5em 0.5em 1em; -} - -.breadcrumb.fancy li:last-child a, .breadcrumb.fancy li:last-child .item { - padding: 0.5em 1em 0.5em 2em; -} - -.breadcrumb.fancy li:last-child a:after, .breadcrumb.fancy li:last-child .item:after { - content: none; - display: none; -} - -.breadcrumb.fancy li .active, -.breadcrumb.fancy li .active:hover { - background: #ffffff; -} - -.breadcrumb.fancy li .active:after, -.breadcrumb.fancy li .active:hover:after { - background: #ffffff; -} - /*============================================================================== @Dropdowns - scss/blocks/_dropdowns.scss ==============================================================================*/ diff --git a/src/css/baseweb.min.css b/src/css/baseweb.min.css index 80b7cb23..e0d45d17 100644 --- a/src/css/baseweb.min.css +++ b/src/css/baseweb.min.css @@ -1,10 +1,11 @@ /*! * BaseWeb * A fresh front-end development framework + * @version 2.0.0 * * @author Sebastian Nitu * @url https://github.com/sebnitu/BaseWeb * @url http://sebnitu.com * * Copyright (c) 2016 Sebastian Nitu (MIT Licensed) - */html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}table{font-size:1em}*,*:before,*:after{-moz-box-sizing:border-box;box-sizing:border-box}::-moz-selection{background:rgba(132,183,45,0.25);text-shadow:none}::selection{background:rgba(132,183,45,0.25);text-shadow:none}.clearfix:after{content:'';display:table;clear:both}.remove-clearfix:after{content:none;display:none;clear:none}.float-left{float:left}.float-right{float:right}html{font-size:16px}body{font-family:"Helvetica Neue","HelveticaNeue",helvetica,arial,sans-serif;font-size:16px;line-height:1.5em;font-weight:normal;color:#303030;-webkit-font-smoothing:subpixel-antialiased}h1,h2,h3,h4,h5,h6{margin:1rem 0;font-family:inherit;font-weight:bold;line-height:1.25em;color:#303030}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#1489C9;border:0 none}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{color:#b357cd}h1{font-size:2em}h2{font-size:1.75em}h3{font-size:1.25em}h4{font-size:1.1em}h5{font-size:1.1em;color:rgba(48,48,48,0.6)}h6{font-size:1.1em;color:rgba(48,48,48,0.3)}@media (min-width: 760px){h1{font-size:3em}h2{font-size:2em}h3{font-size:1.5em}h4,h5,h6{font-size:1.25em}}p{margin:1em 0}a{color:#1489C9;text-decoration:none;border-bottom:1px solid rgba(0,0,0,0.1);-webkit-transition:all 0.25s linear;transition:all 0.25s linear}a:hover{cursor:pointer;color:#b357cd;border-color:#b357cd}strong{font-weight:bold}em{font-style:italic}small{font-size:0.8em}mark{margin:0 2px;padding:0 5px;background:rgba(255,255,0,0.5);border-radius:3px}cite{font-style:italic}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #aaa}.text-lead{font-size:1.375em;line-height:1.4em;color:#303030;font-weight:300}.text-small{font-size:0.8em;line-height:1.5em}.text-soften{font-weight:normal;color:#aaa}.text-harden{font-weight:bold;color:#303030}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}ul,ol{margin:1em 0 1em 2em;padding:0}ul ul,ul ol,ul li,ol ul,ol ol,ol li{margin-top:0.5em;margin-bottom:0.5em}ul,ul ul ul ul{list-style:disc}ul ul{list-style:circle}ul ul ul{list-style:disc}ol,ol ol ol ol{list-style:decimal}ol ol{list-style:lower-alpha}ol ol ol{list-style:lower-roman}dl{margin:1em 0}dl dt{margin:1em 0 0;font-weight:bold;color:#303030}dl dd{margin:0 0 1em 1em}.list{list-style:none;margin:1rem 0;background:none}.list>li{margin:0;padding:1rem;background-clip:padding-box}.list>li:after{content:'';display:table;clear:both}.list.flush>li{padding-left:0;padding-right:0}.list.rowed>li{border-bottom:1px solid rgba(0,0,0,0.1)}.list.rowed>li:first-child{border-top:1px solid rgba(0,0,0,0.1)}.list.bordered{border:1px solid rgba(0,0,0,0.1)}.list.bordered>li{border-bottom:1px solid rgba(0,0,0,0.1)}.list.bordered>li:last-child{border-bottom:0 none}.list.linked>li{padding:0}.list.linked>li>a{display:block;padding:1rem;background-clip:padding-box;border:0 none}.list.linked>li>a:after{content:'';display:table;clear:both}.list.rounded{border-radius:3px}.list.rounded>li:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.list.rounded>li:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.list.striped>li:nth-of-type(odd){background-color:rgba(0,0,0,0.05)}.list.hover>li{-webkit-transition:background-color 0.25s linear;transition:background-color 0.25s linear}.list.hover>li:hover{background-color:rgba(241,196,15,0.1)}blockquote{margin:1rem 0;padding:0.5em 1.5em;background:#f5f5f5;border-radius:3px}blockquote footer,blockquote .blockquote-footer{display:block;position:relative;margin:1rem 0;font-size:100%}@media (min-width: 760px){blockquote{padding:1em 2em}}code,pre{background:#f5f5f5;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:.875em;line-height:1.5em;border-radius:3px}code{display:inline;margin:0;padding:0;white-space:nowrap;line-height:inherit;color:#de5151;background:none}pre{margin:1.5rem 0;padding:0.75rem;overflow:auto;color:#303030}pre code{display:block;margin:0;padding:0.75rem;overflow:auto;white-space:pre;font-size:100%;color:inherit;background:none;border:0 none}pre.max-height{max-height:400px}table{border-collapse:collapse;border-spacing:0;width:100%;max-width:100%;margin:1rem 0;overflow:auto}table tr{vertical-align:top}table th{color:#303030;font-weight:bold;text-align:left}.table{margin:2em 0;background:none;border-collapse:separate}.table td,.table th{padding:0.5em 0.75em}.table.rowed td,.table.rowed th{border-bottom:1px solid rgba(0,0,0,0.1)}.table.rowed thead:first-child tr:first-child td,.table.rowed thead:first-child tr:first-child th,.table.rowed tfoot:first-child tr:first-child td,.table.rowed tfoot:first-child tr:first-child th,.table.rowed tbody:first-child tr:first-child td,.table.rowed tbody:first-child tr:first-child th{border-top:1px solid rgba(0,0,0,0.1)}.table.columned td,.table.columned th{border-right:1px solid rgba(0,0,0,0.1)}.table.columned tr td:first-child,.table.columned tr th:first-child{border-left:1px solid rgba(0,0,0,0.1)}.table.bordered td,.table.bordered th{border-bottom:1px solid rgba(0,0,0,0.1)}.table.bordered thead:first-child tr:first-child td,.table.bordered thead:first-child tr:first-child th,.table.bordered tfoot:first-child tr:first-child td,.table.bordered tfoot:first-child tr:first-child th,.table.bordered tbody:first-child tr:first-child td,.table.bordered tbody:first-child tr:first-child th{border-top:1px solid rgba(0,0,0,0.1)}.table.bordered td,.table.bordered th{border-right:1px solid rgba(0,0,0,0.1)}.table.bordered tr td:first-child,.table.bordered tr th:first-child{border-left:1px solid rgba(0,0,0,0.1)}.table.condensed td,.table.condensed th{padding:0.25em 0.5em}.table.expanded td,.table.expanded th{padding:1em 1.25em}.table.rounded{border-radius:3px}.table.rounded thead:first-child tr:first-child td:first-child,.table.rounded thead:first-child tr:first-child th:first-child,.table.rounded tfoot:first-child tr:first-child td:first-child,.table.rounded tfoot:first-child tr:first-child th:first-child,.table.rounded tbody:first-child tr:first-child td:first-child,.table.rounded tbody:first-child tr:first-child th:first-child{border-top-left-radius:3px}.table.rounded thead:first-child tr:first-child td:last-child,.table.rounded thead:first-child tr:first-child th:last-child,.table.rounded tfoot:first-child tr:first-child td:last-child,.table.rounded tfoot:first-child tr:first-child th:last-child,.table.rounded tbody:first-child tr:first-child td:last-child,.table.rounded tbody:first-child tr:first-child th:last-child{border-top-right-radius:3px}.table.rounded thead:last-child tr:last-child td:first-child,.table.rounded thead:last-child tr:last-child th:first-child,.table.rounded tfoot:last-child tr:last-child td:first-child,.table.rounded tfoot:last-child tr:last-child th:first-child,.table.rounded tbody:last-child tr:last-child td:first-child,.table.rounded tbody:last-child tr:last-child th:first-child{border-bottom-left-radius:3px}.table.rounded thead:last-child tr:last-child td:last-child,.table.rounded thead:last-child tr:last-child th:last-child,.table.rounded tfoot:last-child tr:last-child td:last-child,.table.rounded tfoot:last-child tr:last-child th:last-child,.table.rounded tbody:last-child tr:last-child td:last-child,.table.rounded tbody:last-child tr:last-child th:last-child{border-bottom-right-radius:3px}.table.striped tbody tr:nth-of-type(odd) td,.table.striped tbody tr:nth-of-type(odd) th{background-color:rgba(0,0,0,0.05)}.table.striped-horizontal tbody tr:nth-of-type(odd) td,.table.striped-horizontal tbody tr:nth-of-type(odd) th{background-color:rgba(0,0,0,0.05)}.table.striped-vertical tr td:nth-of-type(odd),.table.striped-vertical tr th:nth-of-type(odd){background-color:rgba(0,0,0,0.05)}.table.hover tbody tr td{-webkit-transition:background-color 0.25s linear;transition:background-color 0.25s linear}.table.hover tbody tr:hover td{background-color:rgba(241,196,15,0.1)}.table.valign-baseline tr{vertical-align:baseline}.table.valign-top tr{vertical-align:top}.table.valign-middle tr{vertical-align:middle}.table.valign-bottom tr{vertical-align:bottom}.table.align-left tr td,.table.align-left tr th{text-align:left}.table.align-center tr td,.table.align-center tr th{text-align:center}.table.align-right tr td,.table.align-right tr th{text-align:right}.table-responsive{margin:2em 0}.table-responsive>table{margin:0}@media (max-width: 759px){.table-responsive{overflow:auto}.table-responsive>table td,.table-responsive>table th{white-space:nowrap}}img{display:block;margin:1rem 0;max-width:100%;height:auto}img.align-center{display:block;margin-left:auto;margin-right:auto}p img.align-center{margin-top:0;margin-bottom:0}img.align-left{float:left;margin:1rem 1.5rem 1rem 0}p img.align-left{margin-top:0}img.align-right{float:right;margin:1rem 0 1rem 1.5rem}p img.align-right{margin-top:0}img.rounded{border-radius:3px}img.circle{border-radius:50%}img.polaroid{background:#fff;background-clip:padding-box;padding:0.5rem;border:1px solid rgba(0,0,0,0.2);box-shadow:0 1px 3px rgba(0,0,0,0.1)}hr{display:block;height:0;width:100%;clear:both;margin:2rem 0;padding:0;background:none;border:0 none;border-bottom:1px solid rgba(0,0,0,0.1)}hr.dotted{border-bottom:1px dotted rgba(0,0,0,0.25)}hr.dashed{border-bottom:1px dashed rgba(0,0,0,0.25)}hr.double{border-bottom:3px double rgba(0,0,0,0.1)}form{margin:2.25em 0;font-size:1em;line-height:1.5em}fieldset{margin:1.5em 0;padding:0;border:0 none}legend{display:inline-block;margin:-.75em .75em;padding:0 .75em;font-size:1.375em;line-height:1.5em;font-weight:bold;color:#303030;border:0 none}form .row{margin-bottom:.75em}form .row:last-child{margin-bottom:0}form .col{margin-bottom:.75em}form .col:last-child{margin-bottom:0}@media (min-width: 760px){form .col{margin-bottom:0}}.form-group{margin-bottom:1.5em}.form-group:last-child{margin-bottom:0}.form-group.inline{margin-right:-0.75em;margin-bottom:.75em}.form-group.inline:after{content:'';display:table;clear:both}.form-group.inline:last-child{margin-bottom:-.75em}.form-group.inline>*{float:left;width:auto;margin-right:0.75em;margin-bottom:.75em}.form-group.inline>*.float-right{float:right}.form-group.inline .form-group,.form-group.inline .input-group{display:inline-block;vertical-align:top;margin:0 .75em 0 0}.form-group.inline .form-group:last-child,.form-group.inline .input-group:last-child{margin-right:0}.form-header{margin-bottom:1.5em;color:#aaa}.form-header:last-child{margin-bottom:0}.form-header h1,.form-header h2,.form-header h3,.form-header h4,.form-header h5,.form-header h6{margin:.5em 0;font-size:1.4em;line-height:1.2em}.form-header p{margin:.5em 0;color:#aaa}.form-action{margin-bottom:1.5em}.form-action:last-child{margin-bottom:0}.form-action:after{content:'';display:table;clear:both}.form-action .button,.form-action .input-align{float:left;margin:0 .75em 0 0}.form-action .button:last-child,.form-action .input-align:last-child{margin-right:0}.form-action .button.float-right,.form-action .input-align.float-right{float:right}.form-action .input-align{margin-top:0.75em;border-top:1px solid rgba(0,0,0,0.2);border-color:transparent}.form-action.form-action-center{text-align:center}.form-action.form-action-center .button,.form-action.form-action-center .input-align{display:inline-block;float:none}.input-group{margin-bottom:1.5em}.input-group:last-child{margin-bottom:0}.input-group.inline{margin-right:-0.75em;margin-bottom:.75em}.input-group.inline:after{content:'';display:table;clear:both}.input-group.inline:last-child{margin-bottom:-.75em}.input-group.inline>*{float:left;width:auto;margin-right:0.75em;margin-bottom:.75em}.input-group.inline>*.float-right{float:right}label{display:inline-block;margin:0 0 .5em 0;font-size:1em;line-height:1.5em;font-weight:600;color:#303030}label:last-child{margin-bottom:0}label.sub{font-weight:normal}label.hide{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}label.block{display:block;padding-top:0.75em;border-top:1px solid rgba(0,0,0,0.2);border-color:transparent}label.inline{display:inline-block;padding-top:0.75em;border-top:1px solid rgba(0,0,0,0.2);border-color:transparent}.inline label.block,.inline label.inline{padding-bottom:0.75em;border-top:1px solid rgba(0,0,0,0.2);border-color:transparent}.input,.checkbox,.radio,.choice{position:relative;display:block;width:100%;margin:0 0 .75em 0}.input:last-child,.checkbox:last-child,.radio:last-child,.choice:last-child{margin-bottom:0}.input{padding:.75em;font-family:inherit;font-size:1em;line-height:1.5em;color:#303030;background-color:rgba(255,255,255,0.5);border:1px solid rgba(0,0,0,0.2);box-shadow:0 1px 3px transparent,inset 0 1px 3px rgba(0,0,0,0.05);-moz-box-sizing:border-box;box-sizing:border-box;border-radius:3px;-webkit-transition:border-color 0.25s,background-color 0.25s,box-shadow 0.25s;transition:border-color 0.25s,background-color 0.25s,box-shadow 0.25s}.input::-webkit-input-placeholder{color:#aaa}.input:-moz-placeholder{color:#aaa}.input::-moz-placeholder{color:#aaa}.input:-ms-input-placeholder{color:#aaa}.input:focus{outline:none;background-color:#fff;border:1px solid #1489c9;box-shadow:0 1px 3px rgba(0,0,0,0.05),inset 0 1px 3px transparent}.input.disabled,.input[readonly],.input[disabled]{opacity:0.5;background:rgba(0,0,0,0.05)}.checkbox,.radio,.choice{cursor:pointer;color:#303030;font-weight:normal}.checkbox.disabled,.radio.disabled,.choice.disabled{opacity:0.5}.choice{padding:0.75em 0.75em 0.75em 2.25em;background:rgba(0,0,0,0.05);border:1px solid transparent;box-shadow:none;border-radius:3px}.choice input[type="checkbox"],.choice input[type="radio"]{position:absolute;top:auto;margin:5px 0 0 -20px}input[type="checkbox"],input[type="radio"]{position:relative;top:-1px;margin:0 5px 0 0}input[type="file"],input[type="range"]{display:block;margin:0 0 .75em 0}input[type="range"]{width:100%}input[type="search"]{-webkit-appearance:none}input[type="color"].input{width:3.125rem;height:3.125rem;padding:.25em}textarea.input{height:auto;max-width:100%}select.input{-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,");background-position:100% center;background-repeat:no-repeat;padding-right:30px}select[multiple].input,select[size].input{height:auto;padding:.75em;background-image:none}.note{margin-bottom:.75em;font-size:1em;color:#aaa}.note:last-child{margin-bottom:0}.note p{margin:0 0 .75em 0}.note p:last-child{margin-bottom:0}label+.note{margin-top:0}.form-group+.note,.input-group+.note{margin-top:-.75em}.req{color:#de5151}label.inline,.button.inline,.input.inline,.checkbox.inline,.radio.inline,.choice.inline,.inline label,.inline .button,.inline .input,.inline .checkbox,.inline .radio,.inline .choice{float:left;width:auto;margin-right:0.75em;margin-bottom:.75em}label.inline.float-right,.button.inline.float-right,.input.inline.float-right,.checkbox.inline.float-right,.radio.inline.float-right,.choice.inline.float-right,.inline label.float-right,.inline .button.float-right,.inline .input.float-right,.inline .checkbox.float-right,.inline .radio.float-right,.inline .choice.float-right{float:right}.disabled input[type="file"],.disabled input[type="range"],.disabled input[type="checkbox"],.disabled input[type="radio"],.disabled .input,.disabled .checkbox,.disabled .radio,.disabled .choice,fieldset[disabled] input[type="file"],fieldset[disabled] input[type="range"],fieldset[disabled] input[type="checkbox"],fieldset[disabled] input[type="radio"],fieldset[disabled] .input,fieldset[disabled] .checkbox,fieldset[disabled] .radio,fieldset[disabled] .choice{opacity:0.5}.disabled .input,fieldset[disabled] .input{background:rgba(0,0,0,0.05)}.input.success{border-color:#84b72d}.checkbox.success,.radio.success,.note.success{color:#668e23}.choice.success{background-color:rgba(132,183,45,0.1)}.success .input{border-color:#84b72d}.success .checkbox,.success .radio,.success .note{color:#668e23}.success .choice{background-color:rgba(132,183,45,0.1)}.input.warning{border-color:#dab10d}.checkbox.warning,.radio.warning,.note.warning{color:#c29d0b}.choice.warning{background-color:rgba(218,177,13,0.15)}.warning .input{border-color:#dab10d}.warning .checkbox,.warning .radio,.warning .note{color:#c29d0b}.warning .choice{background-color:rgba(218,177,13,0.15)}.input.error{border-color:#de5151}.checkbox.error,.radio.error,.note.error{color:#d42828}.choice.error{background-color:rgba(222,81,81,0.1)}.error .input{border-color:#de5151}.error .checkbox,.error .radio,.error .note{color:#d42828}.error .choice{background-color:rgba(222,81,81,0.1)}.input.active{border-color:#1489C9}.checkbox.active,.radio.active,.note.active{color:#0f699b}.choice.active{background-color:rgba(20,137,201,0.1)}.active .input{border-color:#1489C9}.active .checkbox,.active .radio,.active .note{color:#0f699b}.active .choice{background-color:rgba(20,137,201,0.1)}.button{cursor:pointer;display:inline-block;outline:none;margin:0;padding:0.75em 1.5em;font-family:inherit;font-size:1em;line-height:1.5em;font-weight:inherit;color:#303030;text-align:center;white-space:nowrap;vertical-align:top;background:none;box-shadow:inset 0 0 0 transparent;border:1px solid rgba(0,0,0,0.15);border-radius:3px;-webkit-transition-property:color,background-color,box-shadow,border-color;transition-property:color,background-color,box-shadow,border-color;-webkit-transition-duration:0.75s;transition-duration:0.75s;-webkit-transition-timing-function:linear;transition-timing-function:linear;color:#303030;text-shadow:none;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,0.15)}.button:hover,.button:focus{color:#303030;background:none;box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);border-color:rgba(0,0,0,0.25);-webkit-transition-property:color,background-color,box-shadow,border-color;transition-property:color,background-color,box-shadow,border-color;-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:linear;transition-timing-function:linear}.button:active{color:#303030;background:none;box-shadow:inset 0 1px 3px rgba(0,0,0,0.2);border-color:rgba(0,0,0,0.25);-webkit-transition-property:color,background-color,box-shadow,border-color;transition-property:color,background-color,box-shadow,border-color;-webkit-transition-duration:0;transition-duration:0;-webkit-transition-timing-function:linear;transition-timing-function:linear}.button:hover,.button:focus{color:#303030;background-color:#fafafa;border-color:rgba(0,0,0,0.25)}.button:active{color:#303030;background-color:#f5f5f5;border-color:rgba(0,0,0,0.25)}.button.inverted{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.25);background-color:#303030;background-clip:border-box;border:1px solid rgba(255,255,255,0.15)}.button.inverted:hover,.button.inverted:focus{color:#fff;background-color:#353535;border-color:rgba(255,255,255,0.25)}.button.inverted:active{color:#fff;background-color:#3a3a3a;border-color:rgba(255,255,255,0.25)}.button.clip-border{background-clip:border-box}.button.clip-padding{background-clip:padding-box}.button.default,.button-group.default .button,.button-group-wrapper.default .button{color:#303030;text-shadow:none;background-color:#efefef;background-clip:border-box;border:1px solid rgba(0,0,0,0.15)}.button.default:hover,.button-group.default .button:hover,.button-group-wrapper.default .button:hover,.button.default:focus,.button-group.default .button:focus,.button-group-wrapper.default .button:focus{color:#303030;background-color:#eaeaea;border-color:rgba(0,0,0,0.25)}.button.default:active,.button-group.default .button:active,.button-group-wrapper.default .button:active{color:#303030;background-color:#e5e5e5;border-color:rgba(0,0,0,0.25)}.button.blue,.button.primary,.button.active,.button-group.blue .button,.button-group.primary .button,.button-group.active .button,.button-group-wrapper.blue .button,.button-group-wrapper.primary .button,.button-group-wrapper.active .button{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.25);background-color:#1489C9;background-clip:border-box;border:1px solid rgba(0,0,0,0.15)}.button.blue:hover,.button.primary:hover,.button.active:hover,.button-group.blue .button:hover,.button-group.primary .button:hover,.button-group.active .button:hover,.button-group-wrapper.blue .button:hover,.button-group-wrapper.primary .button:hover,.button-group-wrapper.active .button:hover,.button.blue:focus,.button.primary:focus,.button.active:focus,.button-group.blue .button:focus,.button-group.primary .button:focus,.button-group.active .button:focus,.button-group-wrapper.blue .button:focus,.button-group-wrapper.primary .button:focus,.button-group-wrapper.active .button:focus{color:#fff;background-color:#1279b2;border-color:rgba(0,0,0,0.25)}.button.blue:active,.button.primary:active,.button.active:active,.button-group.blue .button:active,.button-group.primary .button:active,.button-group.active .button:active,.button-group-wrapper.blue .button:active,.button-group-wrapper.primary .button:active,.button-group-wrapper.active .button:active{color:#fff;background-color:#0f699b;border-color:rgba(0,0,0,0.25)}.button.green,.button.success,.button-group.green .button,.button-group.success .button,.button-group-wrapper.green .button,.button-group-wrapper.success .button{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.25);background-color:#84b72d;background-clip:border-box;border:1px solid rgba(0,0,0,0.15)}.button.green:hover,.button.success:hover,.button-group.green .button:hover,.button-group.success .button:hover,.button-group-wrapper.green .button:hover,.button-group-wrapper.success .button:hover,.button.green:focus,.button.success:focus,.button-group.green .button:focus,.button-group.success .button:focus,.button-group-wrapper.green .button:focus,.button-group-wrapper.success .button:focus{color:#fff;background-color:#75a328;border-color:rgba(0,0,0,0.25)}.button.green:active,.button.success:active,.button-group.green .button:active,.button-group.success .button:active,.button-group-wrapper.green .button:active,.button-group-wrapper.success .button:active{color:#fff;background-color:#668e23;border-color:rgba(0,0,0,0.25)}.button.orange,.button.warning,.button-group.orange .button,.button-group.warning .button,.button-group-wrapper.orange .button,.button-group-wrapper.warning .button{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.25);background-color:#e69242;background-clip:border-box;border:1px solid rgba(0,0,0,0.15)}.button.orange:hover,.button.warning:hover,.button-group.orange .button:hover,.button-group.warning .button:hover,.button-group-wrapper.orange .button:hover,.button-group-wrapper.warning .button:hover,.button.orange:focus,.button.warning:focus,.button-group.orange .button:focus,.button-group.warning .button:focus,.button-group-wrapper.orange .button:focus,.button-group-wrapper.warning .button:focus{color:#fff;background-color:#e3852b;border-color:rgba(0,0,0,0.25)}.button.orange:active,.button.warning:active,.button-group.orange .button:active,.button-group.warning .button:active,.button-group-wrapper.orange .button:active,.button-group-wrapper.warning .button:active{color:#fff;background-color:#d8781d;border-color:rgba(0,0,0,0.25)}.button.red,.button.danger,.button-group.red .button,.button-group.danger .button,.button-group-wrapper.red .button,.button-group-wrapper.danger .button{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.25);background-color:#de5151;background-clip:border-box;border:1px solid rgba(0,0,0,0.15)}.button.red:hover,.button.danger:hover,.button-group.red .button:hover,.button-group.danger .button:hover,.button-group-wrapper.red .button:hover,.button-group-wrapper.danger .button:hover,.button.red:focus,.button.danger:focus,.button-group.red .button:focus,.button-group.danger .button:focus,.button-group-wrapper.red .button:focus,.button-group-wrapper.danger .button:focus{color:#fff;background-color:#da3c3c;border-color:rgba(0,0,0,0.25)}.button.red:active,.button.danger:active,.button-group.red .button:active,.button-group.danger .button:active,.button-group-wrapper.red .button:active,.button-group-wrapper.danger .button:active{color:#fff;background-color:#d42828;border-color:rgba(0,0,0,0.25)}.button.black,.button.secondary,.button-group.black .button,.button-group.secondary .button,.button-group-wrapper.black .button,.button-group-wrapper.secondary .button{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.25);background-color:#606060;background-clip:border-box;border:1px solid rgba(0,0,0,0.15)}.button.black:hover,.button.secondary:hover,.button-group.black .button:hover,.button-group.secondary .button:hover,.button-group-wrapper.black .button:hover,.button-group-wrapper.secondary .button:hover,.button.black:focus,.button.secondary:focus,.button-group.black .button:focus,.button-group.secondary .button:focus,.button-group-wrapper.black .button:focus,.button-group-wrapper.secondary .button:focus{color:#fff;background-color:#6d6d6d;border-color:rgba(0,0,0,0.25)}.button.black:active,.button.secondary:active,.button-group.black .button:active,.button-group.secondary .button:active,.button-group-wrapper.black .button:active,.button-group-wrapper.secondary .button:active{color:#fff;background-color:#7a7a7a;border-color:rgba(0,0,0,0.25)}.button.small,.button-group.small .button,.button-group-wrapper.small .button{padding:0.5em 1.25em;font-size:0.85em}.button.large,.button-group.large .button,.button-group-wrapper.large .button{font-size:1.4em}.button.block{display:block;width:100%}.button.clip-padding{background-clip:padding-box}.button.clip-border{background-clip:border-box}.button.close{width:1.5em;height:1.5em;padding:0;font-size:1.5em;line-height:1.5em;vertical-align:middle;background:none;border:0 none;box-shadow:none;border-radius:50%}.video-wrapper{position:relative;display:block;height:0;margin:2em 0;padding-bottom:56.25%;overflow:hidden}.video-wrapper .video-item,.video-wrapper embed,.video-wrapper iframe,.video-wrapper object,.video-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%;border:0 none}.video-wrapper .ratio-16x9{padding-bottom:56.25%}.video-wrapper .ratio-4x3{padding-bottom:75%}.video-wrapper .ratio-3x2{padding-bottom:66.66667%}.button-group{vertical-align:middle;margin:0;display:inline-block;float:none;margin-right:0}.button-group:after{content:'';display:table;clear:both}.button-group>.button{position:relative;z-index:1;margin:0}.button-group>.button:hover{z-index:2}.button-group>.button:focus{z-index:3}.button-group>.button:active{z-index:4}.button-group>.button.active{z-index:5}.button-group+.button-group{margin-top:0;margin-left:.75em}.button-group>.button{width:auto}.button-group>.button{display:inline-block;float:left;border-radius:0}.button-group>.button+.button{margin-top:0;margin-left:-1px}.button-group>.button:first-child{border-top-left-radius:0;border-top-right-radius:0;border-top-left-radius:3px;border-bottom-left-radius:3px}.button-group>.button:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:3px;border-bottom-right-radius:3px}.button-group.block{display:block;float:none}.button-group.block+.button-group{margin-top:1em;margin-left:0}.button-group.vertical{margin-right:0}.button-group.vertical>.button{display:block;width:100%;float:none;border-radius:0}.button-group.vertical>.button+.button{margin-top:-1px;margin-left:0}.button-group.vertical>.button:first-child{border-top-left-radius:0;border-bottom-left-radius:0;border-top-left-radius:3px;border-top-right-radius:3px}.button-group.vertical>.button:last-child{border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.button-group.fluid{display:table;width:100%}.button-group.fluid>*{display:table-cell}.button-group>.button.is-1-of-1,.button-group.has-1>.button{width:100%}.button-group>.button.is-1-of-2,.button-group.has-2>.button{width:50%}.button-group>.button.is-1-of-3,.button-group.has-3>.button{width:33.33333%}.button-group>.button.is-1-of-4,.button-group.has-4>.button{width:25%}.button-group>.button.is-1-of-5,.button-group.has-5>.button{width:20%}.button-group>.button.is-1-of-6,.button-group.has-6>.button{width:16.66667%}.button-group>.button.is-1-of-7,.button-group.has-7>.button{width:14.28571%}.button-group>.button.is-1-of-8,.button-group.has-8>.button{width:12.5%}.button-group>.button.is-1-of-9,.button-group.has-9>.button{width:11.11111%}.button-group>.button.is-1-of-10,.button-group.has-10>.button{width:10%}.button-group>.button.is-1-of-11,.button-group.has-11>.button{width:9.09091%}.button-group>.button.is-1-of-12,.button-group.has-12>.button{width:8.33333%}.button-group.has-2,.button-group.has-margin-2{margin-right:-1px}.button-group.has-3,.button-group.has-margin-3{margin-right:-2px}.button-group.has-4,.button-group.has-margin-4{margin-right:-3px}.button-group.has-5,.button-group.has-margin-5{margin-right:-4px}.button-group.has-6,.button-group.has-margin-6{margin-right:-5px}.button-group.has-7,.button-group.has-margin-7{margin-right:-6px}.button-group.has-8,.button-group.has-margin-8{margin-right:-7px}.button-group.has-9,.button-group.has-margin-9{margin-right:-8px}.button-group.has-10,.button-group.has-margin-10{margin-right:-9px}.button-group.has-11,.button-group.has-margin-11{margin-right:-10px}.button-group.has-12,.button-group.has-margin-12{margin-right:-11px}@media (max-width: 479px){.button-group.stack-for-tiny{display:block;float:none;margin-right:0}.button-group.stack-for-tiny+.button-group{margin-top:1em;margin-left:0}.button-group.stack-for-tiny>.button{display:block;width:100%;float:none;border-radius:0}.button-group.stack-for-tiny>.button+.button{margin-top:-1px;margin-left:0}.button-group.stack-for-tiny>.button:first-child{border-top-left-radius:0;border-bottom-left-radius:0;border-top-left-radius:3px;border-top-right-radius:3px}.button-group.stack-for-tiny>.button:last-child{border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}}@media (max-width: 759px){.button-group.stack-for-small{display:block;float:none;margin-right:0}.button-group.stack-for-small+.button-group{margin-top:1em;margin-left:0}.button-group.stack-for-small>.button{display:block;width:100%;float:none;border-radius:0}.button-group.stack-for-small>.button+.button{margin-top:-1px;margin-left:0}.button-group.stack-for-small>.button:first-child{border-top-left-radius:0;border-bottom-left-radius:0;border-top-left-radius:3px;border-top-right-radius:3px}.button-group.stack-for-small>.button:last-child{border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}}@media (max-width: 989px){.button-group.stack-for-medium{display:block;float:none;margin-right:0}.button-group.stack-for-medium+.button-group{margin-top:1em;margin-left:0}.button-group.stack-for-medium>.button{display:block;width:100%;float:none;border-radius:0}.button-group.stack-for-medium>.button+.button{margin-top:-1px;margin-left:0}.button-group.stack-for-medium>.button:first-child{border-top-left-radius:0;border-bottom-left-radius:0;border-top-left-radius:3px;border-top-right-radius:3px}.button-group.stack-for-medium>.button:last-child{border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}}.button-group-wrapper{display:block;margin:0 0 -1em -1em}.button-group-wrapper:after{content:'';display:table;clear:both}.button-group-wrapper>.button,.button-group-wrapper .button-group{float:left}.button-group-wrapper>.button.float-left,.button-group-wrapper .button-group.float-left{float:left}.button-group-wrapper>.button.float-right,.button-group-wrapper .button-group.float-right{float:right}.button-group-wrapper .button-group.block{float:none;clear:both}.button-group-wrapper>.button,.button-group-wrapper .button-group,.button-group-wrapper .button-group.block,.button-group-wrapper .button-group+.button-group,.button-group-wrapper .button-group.block+.button-group,.button-group-wrapper .button-group.stack-for-small,.button-group-wrapper .button-group.stack-for-mobile,.button-group-wrapper .button-group.stack-for-tablet,.button-group-wrapper .button-group.stack-for-small+.button-group,.button-group-wrapper .button-group.stack-for-mobile+.button-group,.button-group-wrapper .button-group.stack-for-tablet+.button-group{margin-top:0;margin-left:1em;margin-bottom:1em}.notice{margin:2em 0;padding:0.25em 1.25em;font-size:1em;line-height:1.5em;border-radius:3px;color:#303030;text-shadow:0 1px 0 rgba(255,255,255,0.25);background:rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.15);box-shadow:0 1px 3px rgba(0,0,0,0.05)}.notice .close{float:right;margin:0.45em -0.25em 0 1em;color:inherit}.notice .close+*{padding-right:2.5em}.notice.inverted{color:#fff;text-shadow:0 1px 0 rgba(0,0,0,0.25);background:rgba(48,48,48,0.9);border:1px solid rgba(0,0,0,0.15);box-shadow:0 1px 3px rgba(0,0,0,0.05)}.notice.blue,.notice.info{background:rgba(20,137,201,0.1)}.notice.blue.inverted,.inverted.notice.info{background:rgba(20,137,201,0.9)}.notice.green,.notice.success{background:rgba(132,183,45,0.1)}.notice.green.inverted,.inverted.notice.success{background:rgba(132,183,45,0.9)}.notice.yellow,.notice.warning{background:rgba(241,196,15,0.1)}.notice.yellow.inverted,.inverted.notice.warning{background:rgba(218,177,13,0.9)}.notice.orange{background:rgba(230,146,66,0.1)}.notice.orange.inverted{background:rgba(230,146,66,0.9)}.notice.red,.notice.danger{background:rgba(222,81,81,0.1)}.notice.red.inverted,.inverted.notice.danger{background:rgba(222,81,81,0.9)}.notice.violet{background:rgba(188,107,211,0.1)}.notice.violet.inverted{background:rgba(188,107,211,0.9)}.notice.small{font-size:0.9em}.notice.large{font-size:1.1em}.notice.inline{display:inline;margin:0;padding:0 0.25em;box-shadow:none}.notice.inline.inverted{border:0 none}@media (min-width: 760px){.notice.pull-left{width:45%;float:left;margin:0.5em 5% 1em 0}}@media (min-width: 760px){.notice.pull-right{width:45%;float:right;margin:0.5em 0 1em 5%}}.breadcrumb{display:block;margin:1em 0;font-size:1em}.breadcrumb ul,.breadcrumb ol{margin:0;list-style:none}.breadcrumb ul:after,.breadcrumb ol:after{content:'';display:table;clear:both}.breadcrumb li{float:left;margin:0}.breadcrumb li a{border:0 none}.breadcrumb .current{color:#aaa}.breadcrumb li:after{content:"/";padding:0 0.75em;color:rgba(0,0,0,0.25)}.breadcrumb li:last-child:after{content:none}.breadcrumb.wrapped{padding:0.5em 1em;background:#e8f3fa;border:1px solid rgba(0,0,0,0.1);border-radius:3px}.breadcrumb.fancy{display:block;margin:1em 0;font-size:1em}.breadcrumb.fancy ul,.breadcrumb.fancy ol{display:table;margin:0;overflow:hidden;vertical-align:middle;list-style:none;background:#e8f3fa;border:1px solid rgba(0,0,0,0.1);border-radius:3px}.breadcrumb.fancy ul:after,.breadcrumb.fancy ol:after{content:none;display:none;clear:none}.breadcrumb.fancy li{display:table-cell;margin:0;float:none}.breadcrumb.fancy li:first-child a,.breadcrumb.fancy li:first-child .item{border-top-left-radius:3px;border-bottom-left-radius:3px}.breadcrumb.fancy li:after{content:none;display:none}.breadcrumb.fancy li a,.breadcrumb.fancy li .item{position:relative;display:block;padding:0.5em 0.5em 0.5em 2em;color:#303030;white-space:nowrap;background:#e8f3fa;border:0 none;-webkit-transition:background 0.25s linear;transition:background 0.25s linear}.breadcrumb.fancy li a span,.breadcrumb.fancy li .item span{position:relative;z-index:2}.breadcrumb.fancy li a:after,.breadcrumb.fancy li .item:after{width:2em;height:2em;content:'';position:absolute;z-index:1;top:50%;right:-1em;margin:-1em 0 0 0;background:#e8f3fa;background-clip:padding-box;border-top:1px solid rgba(0,0,0,0.15);border-right:1px solid rgba(0,0,0,0.15);-webkit-transition:background 0.25s linear;transition:background 0.25s linear;border-radius:0 5px 0 100%;-webkit-transform:rotate(45deg) skew(10deg,10deg);-ms-transform:rotate(45deg) skew(10deg,10deg);transform:rotate(45deg) skew(10deg,10deg)}.breadcrumb.fancy li a:hover,.breadcrumb.fancy li .item:hover{background:#d3e8f5}.breadcrumb.fancy li a:hover:after,.breadcrumb.fancy li .item:hover:after{background:#d3e8f5}.breadcrumb.fancy li:first-child a,.breadcrumb.fancy li:first-child .item{padding:0.5em 0.5em 0.5em 1em}.breadcrumb.fancy li:last-child a,.breadcrumb.fancy li:last-child .item{padding:0.5em 1em 0.5em 2em}.breadcrumb.fancy li:last-child a:after,.breadcrumb.fancy li:last-child .item:after{content:none;display:none}.breadcrumb.fancy li .active,.breadcrumb.fancy li .active:hover{background:#fff}.breadcrumb.fancy li .active:after,.breadcrumb.fancy li .active:hover:after{background:#fff}.dropdown,.dropdown-content,.dropdown-menu{position:relative;display:block;width:16rem;margin:0;font-size:.75rem;line-height:1.35em;background:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,0.1);box-shadow:0 2px 6px rgba(0,0,0,0.15);border-radius:3px}.dropdown{padding:0}.dropdown>.dropdown-content,.dropdown>.dropdown-menu{width:auto;margin:0;background:none;border:0 none;border-top:1px solid rgba(0,0,0,0.1);box-shadow:none;border-radius:0}.dropdown>.dropdown-content:first-child,.dropdown>.dropdown-menu:first-child{border-top:0 none;border-top-left-radius:3px;border-top-right-radius:3px}.dropdown>.dropdown-content:last-child,.dropdown>.dropdown-menu:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.dropdown-content{padding:1em}.dropdown-content>*{margin-top:0.5em;margin-bottom:0.5em}.dropdown-content>:first-child{margin-top:0}.dropdown-content>:last-child{margin-bottom:0}.dropdown-content>hr{margin:1em 0}.dropdown-content>a.block{display:block;margin:-0.5em;padding:1em;color:#303030;border:0 none;border-radius:3px}.dropdown-content>a.block:hover{background:rgba(0,0,0,0.05);color:#303030}.dropdown-content>a.block>*{margin-top:0.5em;margin-bottom:0.5em}.dropdown-content>a.block>:first-child{margin-top:0}.dropdown-content>a.block>:last-child{margin-bottom:0}.dropdown-content>.button{display:block}.dropdown-menu{list-style:none;padding:0.5em}.dropdown-menu li{position:relative;margin:0;border-bottom:1px solid rgba(0,0,0,0.1);-webkit-transition:background-color 0.25s linear;transition:background-color 0.25s linear}.dropdown-menu li:hover{background:rgba(0,0,0,0.05);background-clip:padding-box}.dropdown-menu li:hover>a{color:#303030}.dropdown-menu li.active>a{color:#aaa}.dropdown-menu li.active:hover{background:none}.dropdown-menu li:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.dropdown-menu li:last-child{border-bottom:0 none;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.dropdown-menu li a{display:block;padding:0.75em 1em;color:#303030;border:0 none}.dropdown-trigger{position:relative}.dropdown-trigger .dropdown{position:absolute;z-index:100;opacity:0;visibility:hidden;-webkit-transition:"transform, opacity, visibility";transition:"transform, opacity, visibility";-webkit-transition-duration:0.25s;transition-duration:0.25s;-webkit-transition-timing-function:;transition-timing-function:;-webkit-transition-delay:0.25s;transition-delay:0.25s}.dropdown-trigger:not(.on-click):hover>.dropdown,.dropdown-trigger.active>.dropdown{z-index:105;opacity:1;visibility:visible;-webkit-transition:transform,opacity,visibility;transition:transform,opacity,visibility;-webkit-transition-duration:0.25s;transition-duration:0.25s;-webkit-transition-timing-function:;transition-timing-function:;-webkit-transition-delay:none;transition-delay:none}.dropdown-trigger .dropdown{margin:-1px 0 0 0;top:100%;left:0;right:auto;bottom:auto;-webkit-transform:translate3d(0, -1em, 0);-ms-transform:translate3d(0, -1em, 0);transform:translate3d(0, -1em, 0)}.dropdown-trigger:not(.on-click):hover>.dropdown,.dropdown-trigger.active>.dropdown{margin:-1px 0 0 0;top:100%;left:0;right:auto;bottom:auto;-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.dropdown-menu{position:relative}.dropdown-menu .dropdown-menu{position:absolute;z-index:100;opacity:0;visibility:hidden;-webkit-transition:"transform, opacity, visibility";transition:"transform, opacity, visibility";-webkit-transition-duration:0.25s;transition-duration:0.25s;-webkit-transition-timing-function:;transition-timing-function:;-webkit-transition-delay:0.25s;transition-delay:0.25s}.dropdown-menu>li:hover>.dropdown-menu,.dropdown-menu.active>li>.dropdown-menu{z-index:105;opacity:1;visibility:visible;-webkit-transition:transform,opacity,visibility;transition:transform,opacity,visibility;-webkit-transition-duration:0.25s;transition-duration:0.25s;-webkit-transition-timing-function:;transition-timing-function:;-webkit-transition-delay:none;transition-delay:none}.dropdown-menu .dropdown-menu{margin:-1px 0 0 -1px;top:-0.5em;left:100%;right:auto;bottom:auto;-webkit-transform:translate3d(-1em, 0, 0);-ms-transform:translate3d(-1em, 0, 0);transform:translate3d(-1em, 0, 0)}.dropdown-menu>li:hover>.dropdown-menu,.dropdown-menu.active>li>.dropdown-menu{margin:-1px 0 0 -1px;top:-0.5em;left:100%;right:auto;bottom:auto;-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.container{width:100%;min-width:none;max-width:none;margin:0;padding:0 1.5rem}.row{width:100%;margin-left:0;margin-right:0}.col{width:100%;float:none;padding-left:0;padding-right:0}@media (min-width: 760px){.container{width:100%;min-width:none;max-width:62rem;margin:0 auto;padding:0 1.5rem}.container:after{content:'';display:table;clear:both}.row{width:auto;margin-left:-.75rem;margin-right:-.75rem}.row:after{content:'';display:table;clear:both}.col{min-height:1px;float:left;padding-left:.75rem;padding-right:.75rem}.col.col-left{float:left}.col.col-right{float:right}.col-no-inner-gutter{padding-left:0;padding-right:0}.col-1{width:8.33333%}.col-2{width:16.66667%}.col-3{width:25%}.col-4{width:33.33333%}.col-5{width:41.66667%}.col-6{width:50%}.col-7{width:58.33333%}.col-8{width:66.66667%}.col-9{width:75%}.col-10{width:83.33333%}.col-11{width:91.66667%}.col-12{width:100%}.prefix-1{margin-left:8.33333%}.prefix-2{margin-left:16.66667%}.prefix-3{margin-left:25%}.prefix-4{margin-left:33.33333%}.prefix-5{margin-left:41.66667%}.prefix-6{margin-left:50%}.prefix-7{margin-left:58.33333%}.prefix-8{margin-left:66.66667%}.prefix-9{margin-left:75%}.prefix-10{margin-left:83.33333%}.prefix-11{margin-left:91.66667%}.suffix-1{margin-right:8.33333%}.suffix-2{margin-right:16.66667%}.suffix-3{margin-right:25%}.suffix-4{margin-right:33.33333%}.suffix-5{margin-right:41.66667%}.suffix-6{margin-right:50%}.suffix-7{margin-right:58.33333%}.suffix-8{margin-right:66.66667%}.suffix-9{margin-right:75%}.suffix-10{margin-right:83.33333%}.suffix-11{margin-right:91.66667%}}.has-1,.has-2,.has-3,.has-4,.has-5,.has-6,.has-7,.has-8,.has-9,.has-10,.has-11,.has-12{display:block}.has-1:after,.has-2:after,.has-3:after,.has-4:after,.has-5:after,.has-6:after,.has-7:after,.has-8:after,.has-9:after,.has-10:after,.has-11:after,.has-12:after{content:'';display:table;clear:both}.is-1-of-1,.has-1>*,.is-1-of-2,.has-2>*,.is-1-of-3,.has-3>*,.is-1-of-4,.has-4>*,.is-1-of-5,.has-5>*,.is-1-of-6,.has-6>*,.is-1-of-7,.has-7>*,.is-1-of-8,.has-8>*,.is-1-of-9,.has-9>*,.is-1-of-10,.has-10>*,.is-1-of-11,.has-11>*,.is-1-of-12,.has-12>*{float:left}.is-1-of-1,.has-1>*{width:100%}.is-1-of-2,.has-2>*{width:50%}.is-1-of-3,.has-3>*{width:33.33333%}.is-1-of-4,.has-4>*{width:25%}.is-1-of-5,.has-5>*{width:20%}.is-1-of-6,.has-6>*{width:16.66667%}.is-1-of-7,.has-7>*{width:14.28571%}.is-1-of-8,.has-8>*{width:12.5%}.is-1-of-9,.has-9>*{width:11.11111%}.is-1-of-10,.has-10>*{width:10%}.is-1-of-11,.has-11>*{width:9.09091%}.is-1-of-12,.has-12>*{width:8.33333%} + */html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}table{font-size:1em}*,*:before,*:after{-moz-box-sizing:border-box;box-sizing:border-box}::-moz-selection{background:rgba(132,183,45,0.25);text-shadow:none}::selection{background:rgba(132,183,45,0.25);text-shadow:none}.clearfix:after{content:'';display:table;clear:both}.remove-clearfix:after{content:none;display:none;clear:none}.float-left{float:left}.float-right{float:right}html{font-size:16px}body{font-family:"Helvetica Neue","HelveticaNeue",helvetica,arial,sans-serif;font-size:16px;line-height:1.5em;font-weight:normal;color:#303030;-webkit-font-smoothing:subpixel-antialiased}h1,h2,h3,h4,h5,h6{margin:1rem 0;font-family:inherit;font-weight:bold;line-height:1.25em;color:#303030}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#1489C9;border:0 none}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{color:#b357cd}h1{font-size:2em}h2{font-size:1.75em}h3{font-size:1.25em}h4{font-size:1.1em}h5{font-size:1.1em;color:rgba(48,48,48,0.6)}h6{font-size:1.1em;color:rgba(48,48,48,0.3)}@media (min-width: 760px){h1{font-size:3em}h2{font-size:2em}h3{font-size:1.5em}h4,h5,h6{font-size:1.25em}}p{margin:1em 0}a{color:#1489C9;text-decoration:none;border-bottom:1px solid rgba(0,0,0,0.1);-webkit-transition:all 0.25s linear;transition:all 0.25s linear}a:hover{cursor:pointer;color:#b357cd;border-color:#b357cd}strong{font-weight:bold}em{font-style:italic}small{font-size:0.8em}mark{margin:0 2px;padding:0 5px;background:rgba(255,255,0,0.5);border-radius:3px}cite{font-style:italic}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #aaa}.text-lead{font-size:1.375em;line-height:1.4em;color:#303030;font-weight:300}.text-small{font-size:0.8em;line-height:1.5em}.text-soften{font-weight:normal;color:#aaa}.text-harden{font-weight:bold;color:#303030}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}ul,ol{margin:1em 0 1em 2em;padding:0}ul ul,ul ol,ul li,ol ul,ol ol,ol li{margin-top:0.5em;margin-bottom:0.5em}ul,ul ul ul ul{list-style:disc}ul ul{list-style:circle}ul ul ul{list-style:disc}ol,ol ol ol ol{list-style:decimal}ol ol{list-style:lower-alpha}ol ol ol{list-style:lower-roman}dl{margin:1em 0}dl dt{margin:1em 0 0;font-weight:bold;color:#303030}dl dd{margin:0 0 1em 1em}.list{list-style:none;margin:1rem 0;background:none}.list>li{margin:0;padding:1rem;background-clip:padding-box}.list>li:after{content:'';display:table;clear:both}.list.flush>li{padding-left:0;padding-right:0}.list.rowed>li{border-bottom:1px solid rgba(0,0,0,0.1)}.list.rowed>li:first-child{border-top:1px solid rgba(0,0,0,0.1)}.list.bordered{border:1px solid rgba(0,0,0,0.1)}.list.bordered>li{border-bottom:1px solid rgba(0,0,0,0.1)}.list.bordered>li:last-child{border-bottom:0 none}.list.linked>li{padding:0}.list.linked>li>a{display:block;padding:1rem;background-clip:padding-box;border:0 none}.list.linked>li>a:after{content:'';display:table;clear:both}.list.rounded{border-radius:3px}.list.rounded>li:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.list.rounded>li:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.list.striped>li:nth-of-type(odd){background-color:rgba(0,0,0,0.05)}.list.hover>li{-webkit-transition:background-color 0.25s linear;transition:background-color 0.25s linear}.list.hover>li:hover{background-color:rgba(241,196,15,0.1)}blockquote{margin:1rem 0;padding:0.5em 1.5em;background:#f5f5f5;border-radius:3px}blockquote footer,blockquote .blockquote-footer{display:block;position:relative;margin:1rem 0;font-size:100%}@media (min-width: 760px){blockquote{padding:1em 2em}}code,pre{background:#f5f5f5;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:.875em;line-height:1.5em;border-radius:3px}code{display:inline;margin:0;padding:0;white-space:nowrap;line-height:inherit;color:#de5151;background:none}pre{margin:1.5rem 0;padding:0.75rem;overflow:auto;color:#303030}pre code{display:block;margin:0;padding:0.75rem;overflow:auto;white-space:pre;font-size:100%;color:inherit;background:none;border:0 none}pre.max-height{max-height:400px}table{border-collapse:collapse;border-spacing:0;width:100%;max-width:100%;margin:1rem 0;overflow:auto}table tr{vertical-align:top}table th{color:#303030;font-weight:bold;text-align:left}.table{margin:2em 0;background:none;border-collapse:separate}.table td,.table th{padding:0.5em 0.75em}.table.rowed td,.table.rowed th{border-bottom:1px solid rgba(0,0,0,0.1)}.table.rowed thead:first-child tr:first-child td,.table.rowed thead:first-child tr:first-child th,.table.rowed tfoot:first-child tr:first-child td,.table.rowed tfoot:first-child tr:first-child th,.table.rowed tbody:first-child tr:first-child td,.table.rowed tbody:first-child tr:first-child th{border-top:1px solid rgba(0,0,0,0.1)}.table.columned td,.table.columned th{border-right:1px solid rgba(0,0,0,0.1)}.table.columned tr td:first-child,.table.columned tr th:first-child{border-left:1px solid rgba(0,0,0,0.1)}.table.bordered td,.table.bordered th{border-bottom:1px solid rgba(0,0,0,0.1)}.table.bordered thead:first-child tr:first-child td,.table.bordered thead:first-child tr:first-child th,.table.bordered tfoot:first-child tr:first-child td,.table.bordered tfoot:first-child tr:first-child th,.table.bordered tbody:first-child tr:first-child td,.table.bordered tbody:first-child tr:first-child th{border-top:1px solid rgba(0,0,0,0.1)}.table.bordered td,.table.bordered th{border-right:1px solid rgba(0,0,0,0.1)}.table.bordered tr td:first-child,.table.bordered tr th:first-child{border-left:1px solid rgba(0,0,0,0.1)}.table.condensed td,.table.condensed th{padding:0.25em 0.5em}.table.expanded td,.table.expanded th{padding:1em 1.25em}.table.rounded{border-radius:3px}.table.rounded thead:first-child tr:first-child td:first-child,.table.rounded thead:first-child tr:first-child th:first-child,.table.rounded tfoot:first-child tr:first-child td:first-child,.table.rounded tfoot:first-child tr:first-child th:first-child,.table.rounded tbody:first-child tr:first-child td:first-child,.table.rounded tbody:first-child tr:first-child th:first-child{border-top-left-radius:3px}.table.rounded thead:first-child tr:first-child td:last-child,.table.rounded thead:first-child tr:first-child th:last-child,.table.rounded tfoot:first-child tr:first-child td:last-child,.table.rounded tfoot:first-child tr:first-child th:last-child,.table.rounded tbody:first-child tr:first-child td:last-child,.table.rounded tbody:first-child tr:first-child th:last-child{border-top-right-radius:3px}.table.rounded thead:last-child tr:last-child td:first-child,.table.rounded thead:last-child tr:last-child th:first-child,.table.rounded tfoot:last-child tr:last-child td:first-child,.table.rounded tfoot:last-child tr:last-child th:first-child,.table.rounded tbody:last-child tr:last-child td:first-child,.table.rounded tbody:last-child tr:last-child th:first-child{border-bottom-left-radius:3px}.table.rounded thead:last-child tr:last-child td:last-child,.table.rounded thead:last-child tr:last-child th:last-child,.table.rounded tfoot:last-child tr:last-child td:last-child,.table.rounded tfoot:last-child tr:last-child th:last-child,.table.rounded tbody:last-child tr:last-child td:last-child,.table.rounded tbody:last-child tr:last-child th:last-child{border-bottom-right-radius:3px}.table.striped tbody tr:nth-of-type(odd) td,.table.striped tbody tr:nth-of-type(odd) th{background-color:rgba(0,0,0,0.05)}.table.striped-horizontal tbody tr:nth-of-type(odd) td,.table.striped-horizontal tbody tr:nth-of-type(odd) th{background-color:rgba(0,0,0,0.05)}.table.striped-vertical tr td:nth-of-type(odd),.table.striped-vertical tr th:nth-of-type(odd){background-color:rgba(0,0,0,0.05)}.table.hover tbody tr td{-webkit-transition:background-color 0.25s linear;transition:background-color 0.25s linear}.table.hover tbody tr:hover td{background-color:rgba(241,196,15,0.1)}.table.valign-baseline tr{vertical-align:baseline}.table.valign-top tr{vertical-align:top}.table.valign-middle tr{vertical-align:middle}.table.valign-bottom tr{vertical-align:bottom}.table.align-left tr td,.table.align-left tr th{text-align:left}.table.align-center tr td,.table.align-center tr th{text-align:center}.table.align-right tr td,.table.align-right tr th{text-align:right}.table-responsive{margin:2em 0}.table-responsive>table{margin:0}@media (max-width: 759px){.table-responsive{overflow:auto}.table-responsive>table td,.table-responsive>table th{white-space:nowrap}}img{display:block;margin:1rem 0;max-width:100%;height:auto}img.align-center{display:block;margin-left:auto;margin-right:auto}p img.align-center{margin-top:0;margin-bottom:0}img.align-left{float:left;margin:1rem 1.5rem 1rem 0}p img.align-left{margin-top:0}img.align-right{float:right;margin:1rem 0 1rem 1.5rem}p img.align-right{margin-top:0}img.rounded{border-radius:3px}img.circle{border-radius:50%}img.polaroid{background:#fff;background-clip:padding-box;padding:0.5rem;border:1px solid rgba(0,0,0,0.2);box-shadow:0 1px 3px rgba(0,0,0,0.1)}hr{display:block;height:0;width:100%;clear:both;margin:2rem 0;padding:0;background:none;border:0 none;border-bottom:1px solid rgba(0,0,0,0.1)}hr.dotted{border-bottom:1px dotted rgba(0,0,0,0.25)}hr.dashed{border-bottom:1px dashed rgba(0,0,0,0.25)}hr.double{border-bottom:3px double rgba(0,0,0,0.1)}form{margin:2.25em 0;font-size:1em;line-height:1.5em}fieldset{margin:1.5em 0;padding:0;border:0 none}legend{display:inline-block;margin:-.75em .75em;padding:0 .75em;font-size:1.375em;line-height:1.5em;font-weight:bold;color:#303030;border:0 none}form .row{margin-bottom:.75em}form .row:last-child{margin-bottom:0}form .col{margin-bottom:.75em}form .col:last-child{margin-bottom:0}@media (min-width: 760px){form .col{margin-bottom:0}}.form-group{margin-bottom:1.5em}.form-group:last-child{margin-bottom:0}.form-group.inline{margin-right:-0.75em;margin-bottom:.75em}.form-group.inline:after{content:'';display:table;clear:both}.form-group.inline:last-child{margin-bottom:-.75em}.form-group.inline>*{float:left;width:auto;margin-right:0.75em;margin-bottom:.75em}.form-group.inline>*.float-right{float:right}.form-group.inline .form-group,.form-group.inline .input-group{display:inline-block;vertical-align:top;margin:0 .75em 0 0}.form-group.inline .form-group:last-child,.form-group.inline .input-group:last-child{margin-right:0}.form-header{margin-bottom:1.5em;color:#aaa}.form-header:last-child{margin-bottom:0}.form-header h1,.form-header h2,.form-header h3,.form-header h4,.form-header h5,.form-header h6{margin:.5em 0;font-size:1.4em;line-height:1.2em}.form-header p{margin:.5em 0;color:#aaa}.form-action{margin-bottom:1.5em}.form-action:last-child{margin-bottom:0}.form-action:after{content:'';display:table;clear:both}.form-action .button,.form-action .input-align{float:left;margin:0 .75em 0 0}.form-action .button:last-child,.form-action .input-align:last-child{margin-right:0}.form-action .button.float-right,.form-action .input-align.float-right{float:right}.form-action .input-align{margin-top:0.75em;border-top:1px solid rgba(0,0,0,0.2);border-color:transparent}.form-action.form-action-center{text-align:center}.form-action.form-action-center .button,.form-action.form-action-center .input-align{display:inline-block;float:none}.input-group{margin-bottom:1.5em}.input-group:last-child{margin-bottom:0}.input-group.inline{margin-right:-0.75em;margin-bottom:.75em}.input-group.inline:after{content:'';display:table;clear:both}.input-group.inline:last-child{margin-bottom:-.75em}.input-group.inline>*{float:left;width:auto;margin-right:0.75em;margin-bottom:.75em}.input-group.inline>*.float-right{float:right}label{display:inline-block;margin:0 0 .5em 0;font-size:1em;line-height:1.5em;font-weight:600;color:#303030}label:last-child{margin-bottom:0}label.sub{font-weight:normal}label.hide{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}label.block{display:block;padding-top:0.75em;border-top:1px solid rgba(0,0,0,0.2);border-color:transparent}label.inline{display:inline-block;padding-top:0.75em;border-top:1px solid rgba(0,0,0,0.2);border-color:transparent}.inline label.block,.inline label.inline{padding-bottom:0.75em;border-top:1px solid rgba(0,0,0,0.2);border-color:transparent}.input,.checkbox,.radio,.choice{position:relative;display:block;width:100%;margin:0 0 .75em 0}.input:last-child,.checkbox:last-child,.radio:last-child,.choice:last-child{margin-bottom:0}.input{padding:.75em;font-family:inherit;font-size:1em;line-height:1.5em;color:#303030;background-color:rgba(255,255,255,0.5);border:1px solid rgba(0,0,0,0.2);box-shadow:0 1px 3px transparent,inset 0 1px 3px rgba(0,0,0,0.05);-moz-box-sizing:border-box;box-sizing:border-box;border-radius:3px;-webkit-transition:border-color 0.25s,background-color 0.25s,box-shadow 0.25s;transition:border-color 0.25s,background-color 0.25s,box-shadow 0.25s}.input::-webkit-input-placeholder{color:#aaa}.input:-moz-placeholder{color:#aaa}.input::-moz-placeholder{color:#aaa}.input:-ms-input-placeholder{color:#aaa}.input:focus{outline:none;background-color:#fff;border:1px solid #1489c9;box-shadow:0 1px 3px rgba(0,0,0,0.05),inset 0 1px 3px transparent}.input.disabled,.input[readonly],.input[disabled]{opacity:0.5;background:rgba(0,0,0,0.05)}.checkbox,.radio,.choice{cursor:pointer;color:#303030;font-weight:normal}.checkbox.disabled,.radio.disabled,.choice.disabled{opacity:0.5}.choice{padding:0.75em 0.75em 0.75em 2.25em;background:rgba(0,0,0,0.05);border:1px solid transparent;box-shadow:none;border-radius:3px}.choice input[type="checkbox"],.choice input[type="radio"]{position:absolute;top:auto;margin:5px 0 0 -20px}input[type="checkbox"],input[type="radio"]{position:relative;top:-1px;margin:0 5px 0 0}input[type="file"],input[type="range"]{display:block;margin:0 0 .75em 0}input[type="range"]{width:100%}input[type="search"]{-webkit-appearance:none}input[type="color"].input{width:3.125rem;height:3.125rem;padding:.25em}textarea.input{height:auto;max-width:100%}select.input{-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,");background-position:100% center;background-repeat:no-repeat;padding-right:30px}select[multiple].input,select[size].input{height:auto;padding:.75em;background-image:none}.note{margin-bottom:.75em;font-size:1em;color:#aaa}.note:last-child{margin-bottom:0}.note p{margin:0 0 .75em 0}.note p:last-child{margin-bottom:0}label+.note{margin-top:0}.form-group+.note,.input-group+.note{margin-top:-.75em}.req{color:#de5151}label.inline,.button.inline,.input.inline,.checkbox.inline,.radio.inline,.choice.inline,.inline label,.inline .button,.inline .input,.inline .checkbox,.inline .radio,.inline .choice{float:left;width:auto;margin-right:0.75em;margin-bottom:.75em}label.inline.float-right,.button.inline.float-right,.input.inline.float-right,.checkbox.inline.float-right,.radio.inline.float-right,.choice.inline.float-right,.inline label.float-right,.inline .button.float-right,.inline .input.float-right,.inline .checkbox.float-right,.inline .radio.float-right,.inline .choice.float-right{float:right}.disabled input[type="file"],.disabled input[type="range"],.disabled input[type="checkbox"],.disabled input[type="radio"],.disabled .input,.disabled .checkbox,.disabled .radio,.disabled .choice,fieldset[disabled] input[type="file"],fieldset[disabled] input[type="range"],fieldset[disabled] input[type="checkbox"],fieldset[disabled] input[type="radio"],fieldset[disabled] .input,fieldset[disabled] .checkbox,fieldset[disabled] .radio,fieldset[disabled] .choice{opacity:0.5}.disabled .input,fieldset[disabled] .input{background:rgba(0,0,0,0.05)}.input.success{border-color:#84b72d}.checkbox.success,.radio.success,.note.success{color:#668e23}.choice.success{background-color:rgba(132,183,45,0.1)}.success .input{border-color:#84b72d}.success .checkbox,.success .radio,.success .note{color:#668e23}.success .choice{background-color:rgba(132,183,45,0.1)}.input.warning{border-color:#dab10d}.checkbox.warning,.radio.warning,.note.warning{color:#c29d0b}.choice.warning{background-color:rgba(218,177,13,0.15)}.warning .input{border-color:#dab10d}.warning .checkbox,.warning .radio,.warning .note{color:#c29d0b}.warning .choice{background-color:rgba(218,177,13,0.15)}.input.error{border-color:#de5151}.checkbox.error,.radio.error,.note.error{color:#d42828}.choice.error{background-color:rgba(222,81,81,0.1)}.error .input{border-color:#de5151}.error .checkbox,.error .radio,.error .note{color:#d42828}.error .choice{background-color:rgba(222,81,81,0.1)}.input.active{border-color:#1489C9}.checkbox.active,.radio.active,.note.active{color:#0f699b}.choice.active{background-color:rgba(20,137,201,0.1)}.active .input{border-color:#1489C9}.active .checkbox,.active .radio,.active .note{color:#0f699b}.active .choice{background-color:rgba(20,137,201,0.1)}.button{cursor:pointer;display:inline-block;outline:none;margin:0;padding:0.75em 1.5em;font-family:inherit;font-size:1em;line-height:1.5em;font-weight:inherit;color:#303030;text-align:center;white-space:nowrap;vertical-align:top;background:none;box-shadow:inset 0 0 0 transparent;border:1px solid rgba(0,0,0,0.15);border-radius:3px;-webkit-transition-property:color,background-color,box-shadow,border-color;transition-property:color,background-color,box-shadow,border-color;-webkit-transition-duration:0.75s;transition-duration:0.75s;-webkit-transition-timing-function:linear;transition-timing-function:linear;color:#303030;text-shadow:none;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,0.15)}.button:hover,.button:focus{color:#303030;background:none;box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);border-color:rgba(0,0,0,0.25);-webkit-transition-property:color,background-color,box-shadow,border-color;transition-property:color,background-color,box-shadow,border-color;-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:linear;transition-timing-function:linear}.button:active{color:#303030;background:none;box-shadow:inset 0 1px 3px rgba(0,0,0,0.2);border-color:rgba(0,0,0,0.25);-webkit-transition-property:color,background-color,box-shadow,border-color;transition-property:color,background-color,box-shadow,border-color;-webkit-transition-duration:0;transition-duration:0;-webkit-transition-timing-function:linear;transition-timing-function:linear}.button:hover,.button:focus{color:#303030;background-color:#fafafa;border-color:rgba(0,0,0,0.25)}.button:active{color:#303030;background-color:#f5f5f5;border-color:rgba(0,0,0,0.25)}.button.inverted{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.25);background-color:#303030;background-clip:border-box;border:1px solid rgba(255,255,255,0.15)}.button.inverted:hover,.button.inverted:focus{color:#fff;background-color:#353535;border-color:rgba(255,255,255,0.25)}.button.inverted:active{color:#fff;background-color:#3a3a3a;border-color:rgba(255,255,255,0.25)}.button.clip-border{background-clip:border-box}.button.clip-padding{background-clip:padding-box}.button.default,.button-group.default .button,.button-group-wrapper.default .button{color:#303030;text-shadow:none;background-color:#efefef;background-clip:border-box;border:1px solid rgba(0,0,0,0.15)}.button.default:hover,.button-group.default .button:hover,.button-group-wrapper.default .button:hover,.button.default:focus,.button-group.default .button:focus,.button-group-wrapper.default .button:focus{color:#303030;background-color:#eaeaea;border-color:rgba(0,0,0,0.25)}.button.default:active,.button-group.default .button:active,.button-group-wrapper.default .button:active{color:#303030;background-color:#e5e5e5;border-color:rgba(0,0,0,0.25)}.button.blue,.button.primary,.button.active,.button-group.blue .button,.button-group.primary .button,.button-group.active .button,.button-group-wrapper.blue .button,.button-group-wrapper.primary .button,.button-group-wrapper.active .button{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.25);background-color:#1489C9;background-clip:border-box;border:1px solid rgba(0,0,0,0.15)}.button.blue:hover,.button.primary:hover,.button.active:hover,.button-group.blue .button:hover,.button-group.primary .button:hover,.button-group.active .button:hover,.button-group-wrapper.blue .button:hover,.button-group-wrapper.primary .button:hover,.button-group-wrapper.active .button:hover,.button.blue:focus,.button.primary:focus,.button.active:focus,.button-group.blue .button:focus,.button-group.primary .button:focus,.button-group.active .button:focus,.button-group-wrapper.blue .button:focus,.button-group-wrapper.primary .button:focus,.button-group-wrapper.active .button:focus{color:#fff;background-color:#1279b2;border-color:rgba(0,0,0,0.25)}.button.blue:active,.button.primary:active,.button.active:active,.button-group.blue .button:active,.button-group.primary .button:active,.button-group.active .button:active,.button-group-wrapper.blue .button:active,.button-group-wrapper.primary .button:active,.button-group-wrapper.active .button:active{color:#fff;background-color:#0f699b;border-color:rgba(0,0,0,0.25)}.button.green,.button.success,.button-group.green .button,.button-group.success .button,.button-group-wrapper.green .button,.button-group-wrapper.success .button{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.25);background-color:#84b72d;background-clip:border-box;border:1px solid rgba(0,0,0,0.15)}.button.green:hover,.button.success:hover,.button-group.green .button:hover,.button-group.success .button:hover,.button-group-wrapper.green .button:hover,.button-group-wrapper.success .button:hover,.button.green:focus,.button.success:focus,.button-group.green .button:focus,.button-group.success .button:focus,.button-group-wrapper.green .button:focus,.button-group-wrapper.success .button:focus{color:#fff;background-color:#75a328;border-color:rgba(0,0,0,0.25)}.button.green:active,.button.success:active,.button-group.green .button:active,.button-group.success .button:active,.button-group-wrapper.green .button:active,.button-group-wrapper.success .button:active{color:#fff;background-color:#668e23;border-color:rgba(0,0,0,0.25)}.button.orange,.button.warning,.button-group.orange .button,.button-group.warning .button,.button-group-wrapper.orange .button,.button-group-wrapper.warning .button{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.25);background-color:#e69242;background-clip:border-box;border:1px solid rgba(0,0,0,0.15)}.button.orange:hover,.button.warning:hover,.button-group.orange .button:hover,.button-group.warning .button:hover,.button-group-wrapper.orange .button:hover,.button-group-wrapper.warning .button:hover,.button.orange:focus,.button.warning:focus,.button-group.orange .button:focus,.button-group.warning .button:focus,.button-group-wrapper.orange .button:focus,.button-group-wrapper.warning .button:focus{color:#fff;background-color:#e3852b;border-color:rgba(0,0,0,0.25)}.button.orange:active,.button.warning:active,.button-group.orange .button:active,.button-group.warning .button:active,.button-group-wrapper.orange .button:active,.button-group-wrapper.warning .button:active{color:#fff;background-color:#d8781d;border-color:rgba(0,0,0,0.25)}.button.red,.button.danger,.button-group.red .button,.button-group.danger .button,.button-group-wrapper.red .button,.button-group-wrapper.danger .button{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.25);background-color:#de5151;background-clip:border-box;border:1px solid rgba(0,0,0,0.15)}.button.red:hover,.button.danger:hover,.button-group.red .button:hover,.button-group.danger .button:hover,.button-group-wrapper.red .button:hover,.button-group-wrapper.danger .button:hover,.button.red:focus,.button.danger:focus,.button-group.red .button:focus,.button-group.danger .button:focus,.button-group-wrapper.red .button:focus,.button-group-wrapper.danger .button:focus{color:#fff;background-color:#da3c3c;border-color:rgba(0,0,0,0.25)}.button.red:active,.button.danger:active,.button-group.red .button:active,.button-group.danger .button:active,.button-group-wrapper.red .button:active,.button-group-wrapper.danger .button:active{color:#fff;background-color:#d42828;border-color:rgba(0,0,0,0.25)}.button.black,.button.secondary,.button-group.black .button,.button-group.secondary .button,.button-group-wrapper.black .button,.button-group-wrapper.secondary .button{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.25);background-color:#606060;background-clip:border-box;border:1px solid rgba(0,0,0,0.15)}.button.black:hover,.button.secondary:hover,.button-group.black .button:hover,.button-group.secondary .button:hover,.button-group-wrapper.black .button:hover,.button-group-wrapper.secondary .button:hover,.button.black:focus,.button.secondary:focus,.button-group.black .button:focus,.button-group.secondary .button:focus,.button-group-wrapper.black .button:focus,.button-group-wrapper.secondary .button:focus{color:#fff;background-color:#6d6d6d;border-color:rgba(0,0,0,0.25)}.button.black:active,.button.secondary:active,.button-group.black .button:active,.button-group.secondary .button:active,.button-group-wrapper.black .button:active,.button-group-wrapper.secondary .button:active{color:#fff;background-color:#7a7a7a;border-color:rgba(0,0,0,0.25)}.button.small,.button-group.small .button,.button-group-wrapper.small .button{padding:0.5em 1.25em;font-size:0.85em}.button.large,.button-group.large .button,.button-group-wrapper.large .button{font-size:1.4em}.button.block{display:block;width:100%}.button.clip-padding{background-clip:padding-box}.button.clip-border{background-clip:border-box}.button.close{width:1.5em;height:1.5em;padding:0;font-size:1.5em;line-height:1.5em;vertical-align:middle;background:none;border:0 none;box-shadow:none;border-radius:50%}.video-wrapper{position:relative;display:block;height:0;margin:2em 0;padding-bottom:56.25%;overflow:hidden}.video-wrapper .video-item,.video-wrapper embed,.video-wrapper iframe,.video-wrapper object,.video-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%;border:0 none}.video-wrapper .ratio-16x9{padding-bottom:56.25%}.video-wrapper .ratio-4x3{padding-bottom:75%}.video-wrapper .ratio-3x2{padding-bottom:66.66667%}.button-group{vertical-align:middle;margin:0;display:inline-block;float:none;margin-right:0}.button-group:after{content:'';display:table;clear:both}.button-group>.button{position:relative;z-index:1;margin:0}.button-group>.button:hover{z-index:2}.button-group>.button:focus{z-index:3}.button-group>.button:active{z-index:4}.button-group>.button.active{z-index:5}.button-group+.button-group{margin-top:0;margin-left:.75em}.button-group>.button{width:auto}.button-group>.button{display:inline-block;float:left;border-radius:0}.button-group>.button+.button{margin-top:0;margin-left:-1px}.button-group>.button:first-child{border-top-left-radius:0;border-top-right-radius:0;border-top-left-radius:3px;border-bottom-left-radius:3px}.button-group>.button:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:3px;border-bottom-right-radius:3px}.button-group.block{display:block;float:none}.button-group.block+.button-group{margin-top:1em;margin-left:0}.button-group.vertical{margin-right:0}.button-group.vertical>.button{display:block;width:100%;float:none;border-radius:0}.button-group.vertical>.button+.button{margin-top:-1px;margin-left:0}.button-group.vertical>.button:first-child{border-top-left-radius:0;border-bottom-left-radius:0;border-top-left-radius:3px;border-top-right-radius:3px}.button-group.vertical>.button:last-child{border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.button-group.fluid{display:table;width:100%}.button-group.fluid>*{display:table-cell}.button-group>.button.is-1-of-1,.button-group.has-1>.button{width:100%}.button-group>.button.is-1-of-2,.button-group.has-2>.button{width:50%}.button-group>.button.is-1-of-3,.button-group.has-3>.button{width:33.33333%}.button-group>.button.is-1-of-4,.button-group.has-4>.button{width:25%}.button-group>.button.is-1-of-5,.button-group.has-5>.button{width:20%}.button-group>.button.is-1-of-6,.button-group.has-6>.button{width:16.66667%}.button-group>.button.is-1-of-7,.button-group.has-7>.button{width:14.28571%}.button-group>.button.is-1-of-8,.button-group.has-8>.button{width:12.5%}.button-group>.button.is-1-of-9,.button-group.has-9>.button{width:11.11111%}.button-group>.button.is-1-of-10,.button-group.has-10>.button{width:10%}.button-group>.button.is-1-of-11,.button-group.has-11>.button{width:9.09091%}.button-group>.button.is-1-of-12,.button-group.has-12>.button{width:8.33333%}.button-group.has-2,.button-group.has-margin-2{margin-right:-1px}.button-group.has-3,.button-group.has-margin-3{margin-right:-2px}.button-group.has-4,.button-group.has-margin-4{margin-right:-3px}.button-group.has-5,.button-group.has-margin-5{margin-right:-4px}.button-group.has-6,.button-group.has-margin-6{margin-right:-5px}.button-group.has-7,.button-group.has-margin-7{margin-right:-6px}.button-group.has-8,.button-group.has-margin-8{margin-right:-7px}.button-group.has-9,.button-group.has-margin-9{margin-right:-8px}.button-group.has-10,.button-group.has-margin-10{margin-right:-9px}.button-group.has-11,.button-group.has-margin-11{margin-right:-10px}.button-group.has-12,.button-group.has-margin-12{margin-right:-11px}@media (max-width: 479px){.button-group.stack-for-tiny{display:block;float:none;margin-right:0}.button-group.stack-for-tiny+.button-group{margin-top:1em;margin-left:0}.button-group.stack-for-tiny>.button{display:block;width:100%;float:none;border-radius:0}.button-group.stack-for-tiny>.button+.button{margin-top:-1px;margin-left:0}.button-group.stack-for-tiny>.button:first-child{border-top-left-radius:0;border-bottom-left-radius:0;border-top-left-radius:3px;border-top-right-radius:3px}.button-group.stack-for-tiny>.button:last-child{border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}}@media (max-width: 759px){.button-group.stack-for-small{display:block;float:none;margin-right:0}.button-group.stack-for-small+.button-group{margin-top:1em;margin-left:0}.button-group.stack-for-small>.button{display:block;width:100%;float:none;border-radius:0}.button-group.stack-for-small>.button+.button{margin-top:-1px;margin-left:0}.button-group.stack-for-small>.button:first-child{border-top-left-radius:0;border-bottom-left-radius:0;border-top-left-radius:3px;border-top-right-radius:3px}.button-group.stack-for-small>.button:last-child{border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}}@media (max-width: 989px){.button-group.stack-for-medium{display:block;float:none;margin-right:0}.button-group.stack-for-medium+.button-group{margin-top:1em;margin-left:0}.button-group.stack-for-medium>.button{display:block;width:100%;float:none;border-radius:0}.button-group.stack-for-medium>.button+.button{margin-top:-1px;margin-left:0}.button-group.stack-for-medium>.button:first-child{border-top-left-radius:0;border-bottom-left-radius:0;border-top-left-radius:3px;border-top-right-radius:3px}.button-group.stack-for-medium>.button:last-child{border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}}.button-group-wrapper{display:block;margin:0 0 -1em -1em}.button-group-wrapper:after{content:'';display:table;clear:both}.button-group-wrapper>.button,.button-group-wrapper .button-group{float:left}.button-group-wrapper>.button.float-left,.button-group-wrapper .button-group.float-left{float:left}.button-group-wrapper>.button.float-right,.button-group-wrapper .button-group.float-right{float:right}.button-group-wrapper .button-group.block{float:none;clear:both}.button-group-wrapper>.button,.button-group-wrapper .button-group,.button-group-wrapper .button-group.block,.button-group-wrapper .button-group+.button-group,.button-group-wrapper .button-group.block+.button-group,.button-group-wrapper .button-group.stack-for-small,.button-group-wrapper .button-group.stack-for-mobile,.button-group-wrapper .button-group.stack-for-tablet,.button-group-wrapper .button-group.stack-for-small+.button-group,.button-group-wrapper .button-group.stack-for-mobile+.button-group,.button-group-wrapper .button-group.stack-for-tablet+.button-group{margin-top:0;margin-left:1em;margin-bottom:1em}.notice{margin:2em 0;padding:0.25em 1.25em;font-size:1em;line-height:1.5em;border-radius:3px;color:#303030;text-shadow:0 1px 0 rgba(255,255,255,0.25);background:rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.15);box-shadow:0 1px 3px rgba(0,0,0,0.05)}.notice .close{float:right;margin:0.45em -0.25em 0 1em;color:inherit}.notice .close+*{padding-right:2.5em}.notice.inverted{color:#fff;text-shadow:0 1px 0 rgba(0,0,0,0.25);background:rgba(48,48,48,0.9);border:1px solid rgba(0,0,0,0.15);box-shadow:0 1px 3px rgba(0,0,0,0.05)}.notice.blue,.notice.info{background:rgba(20,137,201,0.1)}.notice.blue.inverted,.inverted.notice.info{background:rgba(20,137,201,0.9)}.notice.green,.notice.success{background:rgba(132,183,45,0.1)}.notice.green.inverted,.inverted.notice.success{background:rgba(132,183,45,0.9)}.notice.yellow,.notice.warning{background:rgba(241,196,15,0.1)}.notice.yellow.inverted,.inverted.notice.warning{background:rgba(218,177,13,0.9)}.notice.orange{background:rgba(230,146,66,0.1)}.notice.orange.inverted{background:rgba(230,146,66,0.9)}.notice.red,.notice.danger{background:rgba(222,81,81,0.1)}.notice.red.inverted,.inverted.notice.danger{background:rgba(222,81,81,0.9)}.notice.violet{background:rgba(188,107,211,0.1)}.notice.violet.inverted{background:rgba(188,107,211,0.9)}.notice.small{font-size:0.9em}.notice.large{font-size:1.1em}.notice.inline{display:inline;margin:0;padding:0 0.25em;box-shadow:none}.notice.inline.inverted{border:0 none}@media (min-width: 760px){.notice.pull-left{width:45%;float:left;margin:0.5em 5% 1em 0}}@media (min-width: 760px){.notice.pull-right{width:45%;float:right;margin:0.5em 0 1em 5%}}.breadcrumb{display:block;margin:1em 0;font-size:1em}.breadcrumb ul,.breadcrumb ol{margin:0;list-style:none}.breadcrumb ul:after,.breadcrumb ol:after{content:'';display:table;clear:both}.breadcrumb li{float:left;margin:0}.breadcrumb li a{border:0 none}.breadcrumb .current{color:#aaa}.breadcrumb li:after{content:"/";padding:0 0.75em;color:rgba(0,0,0,0.25)}.breadcrumb li:last-child:after{content:none}.breadcrumb.wrapped{padding:0.5em 1em;background:#e8f3fa;border:1px solid rgba(0,0,0,0.1);border-radius:3px}.dropdown,.dropdown-content,.dropdown-menu{position:relative;display:block;width:16rem;margin:0;font-size:.75rem;line-height:1.35em;background:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,0.1);box-shadow:0 2px 6px rgba(0,0,0,0.15);border-radius:3px}.dropdown{padding:0}.dropdown>.dropdown-content,.dropdown>.dropdown-menu{width:auto;margin:0;background:none;border:0 none;border-top:1px solid rgba(0,0,0,0.1);box-shadow:none;border-radius:0}.dropdown>.dropdown-content:first-child,.dropdown>.dropdown-menu:first-child{border-top:0 none;border-top-left-radius:3px;border-top-right-radius:3px}.dropdown>.dropdown-content:last-child,.dropdown>.dropdown-menu:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.dropdown-content{padding:1em}.dropdown-content>*{margin-top:0.5em;margin-bottom:0.5em}.dropdown-content>:first-child{margin-top:0}.dropdown-content>:last-child{margin-bottom:0}.dropdown-content>hr{margin:1em 0}.dropdown-content>a.block{display:block;margin:-0.5em;padding:1em;color:#303030;border:0 none;border-radius:3px}.dropdown-content>a.block:hover{background:rgba(0,0,0,0.05);color:#303030}.dropdown-content>a.block>*{margin-top:0.5em;margin-bottom:0.5em}.dropdown-content>a.block>:first-child{margin-top:0}.dropdown-content>a.block>:last-child{margin-bottom:0}.dropdown-content>.button{display:block}.dropdown-menu{list-style:none;padding:0.5em}.dropdown-menu li{position:relative;margin:0;border-bottom:1px solid rgba(0,0,0,0.1);-webkit-transition:background-color 0.25s linear;transition:background-color 0.25s linear}.dropdown-menu li:hover{background:rgba(0,0,0,0.05);background-clip:padding-box}.dropdown-menu li:hover>a{color:#303030}.dropdown-menu li.active>a{color:#aaa}.dropdown-menu li.active:hover{background:none}.dropdown-menu li:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.dropdown-menu li:last-child{border-bottom:0 none;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.dropdown-menu li a{display:block;padding:0.75em 1em;color:#303030;border:0 none}.dropdown-trigger{position:relative}.dropdown-trigger .dropdown{position:absolute;z-index:100;opacity:0;visibility:hidden;-webkit-transition:"transform, opacity, visibility";transition:"transform, opacity, visibility";-webkit-transition-duration:0.25s;transition-duration:0.25s;-webkit-transition-timing-function:;transition-timing-function:;-webkit-transition-delay:0.25s;transition-delay:0.25s}.dropdown-trigger:not(.on-click):hover>.dropdown,.dropdown-trigger.active>.dropdown{z-index:105;opacity:1;visibility:visible;-webkit-transition:transform,opacity,visibility;transition:transform,opacity,visibility;-webkit-transition-duration:0.25s;transition-duration:0.25s;-webkit-transition-timing-function:;transition-timing-function:;-webkit-transition-delay:none;transition-delay:none}.dropdown-trigger .dropdown{margin:-1px 0 0 0;top:100%;left:0;right:auto;bottom:auto;-webkit-transform:translate3d(0, -1em, 0);-ms-transform:translate3d(0, -1em, 0);transform:translate3d(0, -1em, 0)}.dropdown-trigger:not(.on-click):hover>.dropdown,.dropdown-trigger.active>.dropdown{margin:-1px 0 0 0;top:100%;left:0;right:auto;bottom:auto;-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.dropdown-menu{position:relative}.dropdown-menu .dropdown-menu{position:absolute;z-index:100;opacity:0;visibility:hidden;-webkit-transition:"transform, opacity, visibility";transition:"transform, opacity, visibility";-webkit-transition-duration:0.25s;transition-duration:0.25s;-webkit-transition-timing-function:;transition-timing-function:;-webkit-transition-delay:0.25s;transition-delay:0.25s}.dropdown-menu>li:hover>.dropdown-menu,.dropdown-menu.active>li>.dropdown-menu{z-index:105;opacity:1;visibility:visible;-webkit-transition:transform,opacity,visibility;transition:transform,opacity,visibility;-webkit-transition-duration:0.25s;transition-duration:0.25s;-webkit-transition-timing-function:;transition-timing-function:;-webkit-transition-delay:none;transition-delay:none}.dropdown-menu .dropdown-menu{margin:-1px 0 0 -1px;top:-0.5em;left:100%;right:auto;bottom:auto;-webkit-transform:translate3d(-1em, 0, 0);-ms-transform:translate3d(-1em, 0, 0);transform:translate3d(-1em, 0, 0)}.dropdown-menu>li:hover>.dropdown-menu,.dropdown-menu.active>li>.dropdown-menu{margin:-1px 0 0 -1px;top:-0.5em;left:100%;right:auto;bottom:auto;-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.container{width:100%;min-width:none;max-width:none;margin:0;padding:0 1.5rem}.row{width:100%;margin-left:0;margin-right:0}.col{width:100%;float:none;padding-left:0;padding-right:0}@media (min-width: 760px){.container{width:100%;min-width:none;max-width:62rem;margin:0 auto;padding:0 1.5rem}.container:after{content:'';display:table;clear:both}.row{width:auto;margin-left:-.75rem;margin-right:-.75rem}.row:after{content:'';display:table;clear:both}.col{min-height:1px;float:left;padding-left:.75rem;padding-right:.75rem}.col.col-left{float:left}.col.col-right{float:right}.col-no-inner-gutter{padding-left:0;padding-right:0}.col-1{width:8.33333%}.col-2{width:16.66667%}.col-3{width:25%}.col-4{width:33.33333%}.col-5{width:41.66667%}.col-6{width:50%}.col-7{width:58.33333%}.col-8{width:66.66667%}.col-9{width:75%}.col-10{width:83.33333%}.col-11{width:91.66667%}.col-12{width:100%}.prefix-1{margin-left:8.33333%}.prefix-2{margin-left:16.66667%}.prefix-3{margin-left:25%}.prefix-4{margin-left:33.33333%}.prefix-5{margin-left:41.66667%}.prefix-6{margin-left:50%}.prefix-7{margin-left:58.33333%}.prefix-8{margin-left:66.66667%}.prefix-9{margin-left:75%}.prefix-10{margin-left:83.33333%}.prefix-11{margin-left:91.66667%}.suffix-1{margin-right:8.33333%}.suffix-2{margin-right:16.66667%}.suffix-3{margin-right:25%}.suffix-4{margin-right:33.33333%}.suffix-5{margin-right:41.66667%}.suffix-6{margin-right:50%}.suffix-7{margin-right:58.33333%}.suffix-8{margin-right:66.66667%}.suffix-9{margin-right:75%}.suffix-10{margin-right:83.33333%}.suffix-11{margin-right:91.66667%}}.has-1,.has-2,.has-3,.has-4,.has-5,.has-6,.has-7,.has-8,.has-9,.has-10,.has-11,.has-12{display:block}.has-1:after,.has-2:after,.has-3:after,.has-4:after,.has-5:after,.has-6:after,.has-7:after,.has-8:after,.has-9:after,.has-10:after,.has-11:after,.has-12:after{content:'';display:table;clear:both}.is-1-of-1,.has-1>*,.is-1-of-2,.has-2>*,.is-1-of-3,.has-3>*,.is-1-of-4,.has-4>*,.is-1-of-5,.has-5>*,.is-1-of-6,.has-6>*,.is-1-of-7,.has-7>*,.is-1-of-8,.has-8>*,.is-1-of-9,.has-9>*,.is-1-of-10,.has-10>*,.is-1-of-11,.has-11>*,.is-1-of-12,.has-12>*{float:left}.is-1-of-1,.has-1>*{width:100%}.is-1-of-2,.has-2>*{width:50%}.is-1-of-3,.has-3>*{width:33.33333%}.is-1-of-4,.has-4>*{width:25%}.is-1-of-5,.has-5>*{width:20%}.is-1-of-6,.has-6>*{width:16.66667%}.is-1-of-7,.has-7>*{width:14.28571%}.is-1-of-8,.has-8>*{width:12.5%}.is-1-of-9,.has-9>*{width:11.11111%}.is-1-of-10,.has-10>*{width:10%}.is-1-of-11,.has-11>*{width:9.09091%}.is-1-of-12,.has-12>*{width:8.33333%} diff --git a/src/scss/blocks/_breadcrumbs.scss b/src/scss/blocks/_breadcrumbs.scss index ad804a7e..d656bfef 100644 --- a/src/scss/blocks/_breadcrumbs.scss +++ b/src/scss/blocks/_breadcrumbs.scss @@ -32,40 +32,6 @@ $breadcrumbs: ( 'delimiter-color' : rgba($black, 0.25), 'delimiter-end' : false, // Whether or not to show delimiter on last item. - // Fancy breadcrumb variables - 'fancy' : ( - - 'margin' : 1em 0, - 'padding' : 0.5em 0.5em 0.5em 2em, - 'padding-first' : 0.5em 0.5em 0.5em 1em, - 'padding-last' : 0.5em 1em 0.5em 2em, - - 'font-size' : 1em, - - 'color' : $color-dark, - 'color-hover' : null, - 'color-current' : null, - 'color-active' : null, - 'text-shadow' : null, - - // Some fancy breadcrumb styles require a non-transparent background - // color. So, we create a pale blue with color using $white as a base. - 'background' : mix($blue, $white, 10%), - 'background-hover' : darken(mix($blue, $white, 10%), 5%), - 'background-active' : $white, - - 'border' : 1px solid rgba($black, 0.1), - 'border-radius' : $border-radius, - - // Delimiter Styles - 'delimiter-border' : 1px solid rgba($black, 0.15), - 'delimiter-radius' : 0 5px 0 100%, - 'delimiter-rotate' : 45deg, - 'delimiter-skew' : (10deg, 10deg), - - 'transition' : background 0.25s linear, - ) - ) !default; //////////////////////////////////////////////////////////////////////////////// @@ -146,133 +112,6 @@ $breadcrumbs: ( @include border-radius(map-get($o, 'border-radius')); } -// Add Breadcrumb Fancy -// Creates fancy breadcrumb styles. -// @param $options -// @type map -// @default $breadcrumbs map -@mixin add-breadcrumb-fancy($options: ()) { - $o: map-extend($breadcrumbs, $options, true); - - display: block; - margin: map-fetch($o, 'fancy', 'margin'); - font-size: map-fetch($o, 'fancy', 'font-size'); - - // Fancy Lists - ul, - ol { - display: table; - margin: 0; - overflow: hidden; - vertical-align: middle; - list-style: none; - background: map-fetch($o, 'fancy', 'background'); - border: map-fetch($o, 'fancy', 'border'); - @include border-radius(map-fetch($o, 'fancy', 'border-radius')); - @include remove-clearfix(); - } - - // Fancy List Items - li { - display: table-cell; - margin: 0; - float: none; - - &:first-child { - a, .#{map-get($o, 'class-item')} { - @include border-radius-left(map-fetch($o, 'fancy', 'border-radius')); - } - } - - &:last-child { - a, .#{map-get($o, 'class-item')} { - @include border-radius-right(map-fetch($o, 'fancy' 'border-radius')); - } - } - - // Remove the delimiter from fancy breadcrumbs - &:after { - content: none; - display: none; - } - } - - // Fancy links & Items - li a, - li .#{map-get($o, 'class-item')} { - position: relative; - display: block; - padding: map-fetch($o, 'fancy', 'padding'); - color: map-fetch($o, 'fancy', 'color'); - text-shadow: map-fetch($o, 'fancy', 'text-shadow'); - white-space: nowrap; - background: map-fetch($o, 'fancy', 'background'); - border: 0 none; - @include transition(map-fetch($o, 'fancy', 'transition')); - - // There's an issue with the `:after` element overlapping with the link - // text so we need to wrap the text with a span and give it a z-index. - span { - position: relative; - z-index: 2; - } - - &:after { - @include size(2em); - content: ''; - position: absolute; - z-index: 1; - top: 50%; - right: -1em; - margin: -1em 0 0 0; - background: map-fetch($o, 'fancy', 'background'); - background-clip: padding-box; - border-top: map-fetch($o, 'fancy', 'delimiter-border'); - border-right: map-fetch($o, 'fancy', 'delimiter-border'); - @include transition(map-fetch($o, 'fancy', 'transition')); - @include border-radius(map-fetch($o, 'fancy', 'delimiter-radius')); - @include transform(rotate(map-fetch($o, 'fancy', 'delimiter-rotate')) skew(map-fetch($o, 'fancy', 'delimiter-skew'))); - } - - &:hover { - color: map-fetch($o, 'fancy', 'color-hover'); - background: map-fetch($o, 'fancy', 'background-hover'); - } - - &:hover:after { - background: map-fetch($o, 'fancy', 'background-hover'); - } - } - - // Set left and right padding of first item and remove - // any extra delimiter we added to the last item. - li:first-child { - a, .#{map-get($o, 'class-item')} { - padding: map-fetch($o, 'fancy', 'padding-first'); - } - } - li:last-child { - a, .#{map-get($o, 'class-item')} { - padding: map-fetch($o, 'fancy', 'padding-last'); - - &:after { - content: none; - display: none; - } - } - } - - // Active Class - li .#{map-get($o, 'class-active')}, - li .#{map-get($o, 'class-active')}:hover { - color: map-fetch($o, 'fancy', 'color-active'); - background: map-fetch($o, 'fancy', 'background-active'); - &:after { - background: map-fetch($o, 'fancy', 'background-active'); - } - } -} - // Check if we should output modifier classes @if (map-get($breadcrumbs, 'classes') == true) { @@ -288,8 +127,4 @@ $breadcrumbs: ( @include add-breadcrumb-wrapped(); } -.breadcrumb.fancy { - @include add-breadcrumb-fancy(); -} - } // endif classes