diff --git a/_config.yml b/_config.yml index f4cafe8..877dbc1 100644 --- a/_config.yml +++ b/_config.yml @@ -10,7 +10,7 @@ twitter: cactu-framework # Server baseurl: "" -url: "https://cactu.site" +url: "http://cactu.site" encoding: UTF-8 # Permalinks @@ -24,8 +24,8 @@ kramdown: auto_ids: true # Custom variables -current_version: 0.17.0 -current_ruby_version: 0.17.0 +current_version: 0.18.0 +current_ruby_version: 0.18.0 plugins: - jekyll-redirect-from diff --git a/css/cactu.css b/css/cactu.css index b2c255d..d8390a5 100644 --- a/css/cactu.css +++ b/css/cactu.css @@ -1,7 +1,7 @@ /*! - * Cactu v0.17.0 (https://cactu.site/) + * Cactu v0.18.0 (http://cactu.site/) * Copyright 2018 Giovanni Mendoza - * Licensed under MIT (https://github.com/mendozagioo/cactu/LICENSE) + * Licensed under MIT (https://github.com/mendozagioo/cactu/blob/master/LICENSE) */ *, *::before, @@ -288,8 +288,8 @@ button, -ms-user-select: none; user-select: none; color: #343a40; - background-color: #e9ecef; border: 1px solid transparent; + background-color: #e9ecef; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; @@ -304,12 +304,10 @@ button, } } -button:hover, button:focus, -.button:hover, -.button:focus { +button:hover, +.button:hover { color: #343a40; text-decoration: none; - cursor: pointer; background-color: #cbd3da; } @@ -317,14 +315,14 @@ button:focus, button.focus, .button:focus, .button.focus { outline: 0; + color: #343a40; + text-decoration: none; box-shadow: 0 0 0 0.125rem #aeb9c4; - background-color: #cbd3da; } button.disabled, button:disabled, .button.disabled, .button:disabled { - cursor: not-allowed; opacity: 0.57; box-shadow: none; } @@ -337,10 +335,16 @@ button.disabled:hover, button.disabled:focus, button:disabled:hover, button:disa background-color: #e9ecef; } +button:not(:disabled):not(.disabled), +.button:not(:disabled):not(.disabled) { + cursor: pointer; +} + button:not(:disabled):not(.disabled):active, button:not(:disabled):not(.disabled).active, .button:not(:disabled):not(.disabled):active, .button:not(:disabled):not(.disabled).active { background-image: none; + background-color: #cbd3da; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } diff --git a/css/cactu.min.css b/css/cactu.min.css index 8596975..f512ff2 100644 --- a/css/cactu.min.css +++ b/css/cactu.min.css @@ -1,5 +1,5 @@ /*! - * Cactu v0.17.0 (https://cactu.site/) + * Cactu v0.18.0 (http://cactu.site/) * Copyright 2018 Giovanni Mendoza - * Licensed under MIT (https://github.com/mendozagioo/cactu/LICENSE) - */*,*::before,*::after{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}div,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{text-align:left;background-color:#fff}html,body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px;font-weight:400;line-height:1.5;color:#343a40}[tabindex="-1"]:focus{outline:0 !important}hr{display:block;border:none;height:1px;background-color:#6c757d}ol,ul,dl{margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem}dfn{font-style:italic}figure{margin:0 0 1rem}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}input[type="radio"],input[type="checkbox"]{box-sizing:border-box;padding:0}input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{outline-offset:-2px;-webkit-appearance:none}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none !important}.navbar,.navbar-expanded,.navbar *,.navbar-expanded *,.navbar .navbar-toggler,.navbar-expanded .navbar-toggler{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center}.dropdown .toggle:after,.dropup .toggle:after,.dropright .toggle:after,.dropleft .toggle:after,.dropleft .toggle:before{content:"";display:inline-block;width:0;height:0;vertical-align:middle}.menu-icon:before,.menu-icon:after,.close-icon:before,.close-icon:after{content:"";display:block;width:100%}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{padding:0;border-style:none}button,.button{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#343a40;background-color:#e9ecef;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:4px;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion: reduce){button,.button{transition:none}}button:hover,button:focus,.button:hover,.button:focus{color:#343a40;text-decoration:none;cursor:pointer;background-color:#cbd3da}button:focus,button.focus,.button:focus,.button.focus{outline:0;box-shadow:0 0 0 .125rem #aeb9c4;background-color:#cbd3da}button.disabled,button:disabled,.button.disabled,.button:disabled{cursor:not-allowed;opacity:.57;box-shadow:none}button.disabled:hover,button.disabled:focus,button:disabled:hover,button:disabled:focus,.button.disabled:hover,.button.disabled:focus,.button:disabled:hover,.button:disabled:focus{background-color:#e9ecef}button:not(:disabled):not(.disabled):active,button:not(:disabled):not(.disabled).active,.button:not(:disabled):not(.disabled):active,.button:not(:disabled):not(.disabled).active{background-image:none;box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}button:not(:disabled):not(.disabled):active:focus,button:not(:disabled):not(.disabled).active:focus,.button:not(:disabled):not(.disabled):active:focus,.button:not(:disabled):not(.disabled).active:focus{box-shadow:0 0 0 .125rem #aeb9c4,inset 0 3px 5px rgba(0,0,0,0.125)}button ~ button,button ~ .button,.button ~ button,.button ~ .button{margin-left:.5rem}pre,code,kbd,samp{font-family:Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}code{color:#ff3860;word-break:break-word;background-color:#f5f5f5}a>code{color:inherit}pre{display:block;font-size:.85rem;color:#212529;padding:1rem;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar;background-color:#f5f5f5}pre code{font-size:inherit;padding:0;color:inherit;word-break:normal}code,kbd{border-radius:3px;font-size:.85rem;padding:0.2rem 0.3rem}kbd{color:#fff;background-color:#343a40}.menu-icon,.close-icon{display:block;width:22px}.menu-icon:before,.menu-icon:after,.close-icon:before,.close-icon:after{height:2px;margin:5px 0;background-color:#343a40;transition:all .15s ease-in-out}@media screen and (prefers-reduced-motion: reduce){.menu-icon:before,.menu-icon:after,.close-icon:before,.close-icon:after{transition:none}}.close-icon:before{transform:rotate(45deg);margin-top:5px}.close-icon:after{transform:rotate(-45deg);margin-top:-7px}.chevron-down-icon{position:absolute;right:8px;top:16px;display:inline-block;width:15px;height:15px;margin:-5px 0;background:none}.chevron-down-icon:before,.chevron-down-icon:after{content:"";display:block;width:50%;height:2px;margin-top:3px;background-color:#343a40}.chevron-down-icon:before{transform:rotate(45deg)}.chevron-down-icon:after{transform:rotate(-45deg);margin-left:-3px}img{max-width:100%;height:auto;vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}figcaption{margin-top:.5rem;font-size:90%}.image-edge{padding:.25rem;border-radius:4px;border:1px solid #dee2e6;background-color:#fff}a{color:#007bff;text-decoration:none;background-color:transparent;transition:color .15s ease-in-out,text-decoration .15s ease-in-out;-webkit-text-decoration-skip:objects}@media screen and (prefers-reduced-motion: reduce){a{transition:none}}a:hover,a:focus{color:#0062cc;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):hover,a:not([href]):not([tabindex]):focus{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}abbr[title],abbr[data-original-title]{text-decoration:underline;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}blockquote{margin:0 0 1rem;font-size:1.25rem}cite{display:block;font-size:80%;color:#666c72}cite:before{content:"\2014 \00A0"}b,strong{font-weight:bolder}small{font-size:.8em}span{font-style:inherit;font-weight:inherit}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}p{margin-bottom:.7rem}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{margin:1rem 0 0.5rem;font-weight:700}h1,.h1{font-size:2.8125rem}h2,.h2{font-size:2.125rem}h3,.h3{font-size:1.75rem}h4,.h4{font-size:1.5rem}h5,.h5{font-size:1.25rem}h6,.h6{font-size:1rem}.text-left{text-align:left}.text-centered{text-align:center}.text-right{text-align:right}.alert,.alert-dismissible{position:relative;padding:1rem;border-radius:4px;color:#81812b;border:1px solid #f9f96e;background-color:#fefedc}.alert hr,.alert-dismissible hr{background-color:#f8f856}.alert .alert-link,.alert-dismissible .alert-link{color:#000}.alert h1,.alert h2,.alert h3,.alert h4,.alert h5,.alert h6,.alert-dismissible h1,.alert-dismissible h2,.alert-dismissible h3,.alert-dismissible h4,.alert-dismissible h5,.alert-dismissible h6{margin-top:0}.alert-dismissible{padding-right:2.625rem}.alert-dismissible .close{position:absolute;top:5px;right:0;font-size:1.625rem;line-height:1;color:inherit;box-shadow:none !important;background-color:transparent}.alert-dismissible .close:hover,.alert-dismissible .close:focus{color:#404002}.button-group button,.button-group .button,.button-group-vertical button,.button-group-vertical .button{z-index:2}.button-group button:focus,.button-group button:active,.button-group button.active,.button-group .button:focus,.button-group .button:active,.button-group .button.active,.button-group-vertical button:focus,.button-group-vertical button:active,.button-group-vertical button.active,.button-group-vertical .button:focus,.button-group-vertical .button:active,.button-group-vertical .button.active{z-index:1}.button-group button.selected,.button-group .button.selected,.button-group-vertical button.selected,.button-group-vertical .button.selected{background-color:#cbd3da}.button-group button ~ button,.button-group button ~ .button,.button-group .button ~ button,.button-group .button ~ .button,.button-group-vertical button ~ button,.button-group-vertical button ~ .button,.button-group-vertical .button ~ button,.button-group-vertical .button ~ .button{margin-left:0}.button-group{display:-ms-inline-flexbox;display:inline-flex}.button-group button:not(:first-child):not(:last-child),.button-group .button:not(:first-child):not(:last-child){border-radius:0}.button-group button:not(:first-child),.button-group .button:not(:first-child){margin-left:-1px}.button-group button:first-child,.button-group .button:first-child{border-radius:4px 0 0 4px}.button-group button:last-child,.button-group .button:last-child{border-radius:0 4px 4px 0}.button-group-vertical{display:-ms-inline-grid;display:inline-grid}.button-group-vertical button:not(:first-child):not(:last-child),.button-group-vertical .button:not(:first-child):not(:last-child){border-radius:0}.button-group-vertical button:not(:first-child),.button-group-vertical .button:not(:first-child){margin-top:-1px}.button-group-vertical button:first-child,.button-group-vertical .button:first-child{border-radius:4px 4px 0 0}.button-group-vertical button:last-child,.button-group-vertical .button:last-child{border-radius:0 0 4px 4px}.collapse .collapse-container.collapsed,.collapse [type="checkbox"]:checked ~ .collapse-container,.collapse [type="radio"]:checked ~ .collapse-container{height:100%;opacity:1;padding:1rem}.collapse .collapse-container{height:0;opacity:0;margin:0;padding:0;border:0;overflow:hidden;transition:all .15s ease-in-out}@media screen and (prefers-reduced-motion: reduce){.collapse .collapse-container{transition:none}}.collapse [type="checkbox"],.collapse [type="radio"]{display:none}.accordion{overflow:hidden}.accordion .collapse{border:1px solid #dee2e6;overflow:hidden}.accordion .collapse .header{display:block;padding:1rem;margin:0;cursor:pointer;background-color:#f8f9fa}.accordion .collapse .header:hover{background-color:#eff1f3}.accordion .collapse:not(:first-child){margin-top:-1px}.accordion .collapse:first-child{border-radius:4px 4px 0 0}.accordion .collapse:last-child{border-radius:0 0 4px 4px}.dropdown,.dropup,.dropright,.dropleft{position:relative}.dropdown [type="checkbox"],.dropup [type="checkbox"],.dropright [type="checkbox"],.dropleft [type="checkbox"]{display:none}.dropdown [type="checkbox"]:checked ~ .drop-menu,.dropup [type="checkbox"]:checked ~ .drop-menu,.dropright [type="checkbox"]:checked ~ .drop-menu,.dropleft [type="checkbox"]:checked ~ .drop-menu{display:inline-block}.dropdown [type="checkbox"]:checked ~ .toggle:after,.dropup [type="checkbox"]:checked ~ .toggle:after,.dropright [type="checkbox"]:checked ~ .toggle:after,.dropleft [type="checkbox"]:checked ~ .toggle:after{transform:rotate(180deg)}.dropdown .toggle,.dropup .toggle,.dropright .toggle,.dropleft .toggle{padding:.5rem;margin:0}.dropdown .toggle:after,.dropup .toggle:after,.dropright .toggle:after,.dropleft .toggle:after{margin-left:.4375rem;transition:transform 0.1s ease-in-out}@media screen and (prefers-reduced-motion: reduce){.dropdown .toggle:after,.dropup .toggle:after,.dropright .toggle:after,.dropleft .toggle:after{transition:none}}.dropdown .toggle:hover,.dropdown .toggle:focus,.dropup .toggle:hover,.dropup .toggle:focus,.dropright .toggle:hover,.dropright .toggle:focus,.dropleft .toggle:hover,.dropleft .toggle:focus{cursor:pointer}.dropdown .drop-menu,.dropup .drop-menu,.dropright .drop-menu,.dropleft .drop-menu{position:absolute;display:none;min-width:12.5rem;-ms-flex-direction:column;flex-direction:column;padding:0.5rem 0;border:1px solid #dee2e6;border-radius:4px;background-color:#fff;z-index:10}.dropdown .drop-menu *,.dropup .drop-menu *,.dropright .drop-menu *,.dropleft .drop-menu *{color:#343a40;padding:0.3125rem 1rem;margin:0;transition:color .15s ease-in-out,background-color .15s ease-in-out}@media screen and (prefers-reduced-motion: reduce){.dropdown .drop-menu *,.dropup .drop-menu *,.dropright .drop-menu *,.dropleft .drop-menu *{transition:none}}.dropdown .drop-menu a,.dropup .drop-menu a,.dropright .drop-menu a,.dropleft .drop-menu a{display:block}.dropdown .drop-menu a:hover,.dropdown .drop-menu a:focus,.dropup .drop-menu a:hover,.dropup .drop-menu a:focus,.dropright .drop-menu a:hover,.dropright .drop-menu a:focus,.dropleft .drop-menu a:hover,.dropleft .drop-menu a:focus{text-decoration:none;background-color:#f2f2f2}.dropdown .drop-menu .drop-active,.dropup .drop-menu .drop-active,.dropright .drop-menu .drop-active,.dropleft .drop-menu .drop-active{color:#343a40;background-color:#e9ecef}.dropdown .drop-menu .drop-separator,.dropup .drop-menu .drop-separator,.dropright .drop-menu .drop-separator,.dropleft .drop-menu .drop-separator{height:1px;background:#dee2e6;margin:.375rem 0;padding:0}.dropdown .drop-menu .drop-item *,.dropup .drop-menu .drop-item *,.dropright .drop-menu .drop-item *,.dropleft .drop-menu .drop-item *{display:inline-block;padding:0}.dropdown.dropped .toggle:after,.dropup.dropped .toggle:after,.dropright.dropped .toggle:after,.dropleft.dropped .toggle:after{transform:rotate(180deg)}.dropdown.dropped .drop-menu,.dropup.dropped .drop-menu,.dropright.dropped .drop-menu,.dropleft.dropped .drop-menu{display:inline-block}.dropdown .toggle:after{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid}.dropdown .drop-menu{left:0;top:2.5rem}.dropup .toggle:after{border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid}.dropup .drop-menu{left:0;bottom:3rem}.dropright .toggle:after{border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid}.dropright .drop-menu{margin-left:.125rem}.dropleft input:checked ~ .button:before{transform:rotate(180deg)}.dropleft .toggle:after{display:none}.dropleft .toggle:before{margin-right:.4375rem;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid;transition:transform 0.1s ease-in-out}@media screen and (prefers-reduced-motion: reduce){.dropleft .toggle:before{transition:none}}.dropleft .drop-menu{left:-12.625rem}input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea{color:#343a40;padding:0.375rem 0.75rem;border:1px solid #dee2e6;border-radius:4px;box-shadow:inset 0 1px 2px rgba(0,0,0,0.075);background-color:#fff;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion: reduce){input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea{transition:none}}input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):focus,select:focus,textarea:focus{outline:0;border-color:#007bff;box-shadow:inset 0 0 2px rgba(0,0,0,0.075),0 0 0 .125rem rgba(0,123,255,0.25)}input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):-ms-input-placeholder,select:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#6c757d;opacity:1}input:not([type="checkbox"]):not([type="radio"]):not([type="range"])::placeholder,select::placeholder,textarea::placeholder{color:#6c757d;opacity:1}input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):disabled,select:disabled,textarea:disabled{color:#838f9b;background-color:#e9ecef;cursor:not-allowed;opacity:.57}input:not([type="checkbox"]):not([type="radio"]):not([type="range"])[readonly],select[readonly],textarea[readonly]{background-color:#e9ecef;opacity:1}input[type="range"]:focus{outline:none}input[type="range"]::-moz-focus-outer{border:0}select:not([size]):not([multiple]){height:calc(2.25rem + 2px);padding:.375rem 1.75rem .375rem .75rem;background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;background-size:8px 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none}select:not([size]):not([multiple]):disabled{background-color:#e9ecef}select:not([size]):not([multiple])::-ms-value{color:#343a40;background-color:#fff}select:-moz-focusring{color:transparent;text-shadow:0 0 0 #343a40}select::-ms-expand{opacity:0}.form-group{margin-bottom:1rem}.form-group input,.form-group select,.form-group textarea{width:100%}.form-group [type="checkbox"],.form-group [type="radio"]{display:inline;width:.8125rem;height:1rem;margin-right:.125rem}.form-group .help,.form-group [class$="-feedback"]{display:block;font-size:.75rem;margin-top:.25rem}.form-group .checkbox+.checkbox,.form-group .radio+.radio{margin-left:1rem}input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]).valid,select.valid,textarea.valid{border:1px solid #28a745}input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]).valid:focus,select.valid:focus,textarea.valid:focus{border-color:#28a745;box-shadow:inset 0 0 2px rgba(0,0,0,0.075),0 0 0 .125rem rgba(40,167,69,0.25)}.form-group .valid-feedback{color:#28a745}.form-group .checkbox.valid,.form-group .radio.valid{color:#28a745}input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]).invalid,select.invalid,textarea.invalid{border:1px solid #dc3545}input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]).invalid:focus,select.invalid:focus,textarea.invalid:focus{border-color:#dc3545;box-shadow:inset 0 0 2px rgba(0,0,0,0.075),0 0 0 .125rem rgba(220,53,69,0.25)}.form-group .invalid-feedback{color:#dc3545}.form-group .checkbox.invalid,.form-group .radio.invalid{color:#dc3545}.form-columns{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.form-columns .column,.form-columns [class*="column-of-"]{padding:0 .5rem}.form-columns .column:first-child,.form-columns [class*="column-of-"]:first-child{padding-left:0}.form-columns .column:last-child,.form-columns [class*="column-of-"]:last-child{padding-right:0}@media screen and (max-width: 575px){.form-columns .column,.form-columns [class*="column-of-"]{padding:0}}.container{width:100%;margin:0 auto;position:relative}@media (min-width: 960px) and (max-width: 1199px){.container{width:960px}}@media (min-width: 1200px) and (max-width: 1343px){.container{width:1200px}}@media screen and (min-width: 1344px){.container{width:1344px}}.columns{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0}.columns .columns{padding:0}.column{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}.column[class*="column-of-"]{-ms-flex-preferred-size:inherit;flex-basis:inherit}.column,[class*="column-of-"]{padding:0 15px;min-height:1px}@media (min-width: 576px) and (max-width: 1199px){.column,[class*="column-of-"]{padding:0 10px}}.column-of-1{width:8.33333%}.column-of-2{width:16.66667%}.column-of-3{width:25%}.column-of-4{width:33.33333%}.column-of-5{width:41.66667%}.column-of-6{width:50%}.column-of-7{width:58.33333%}.column-of-8{width:66.66667%}.column-of-9{width:75%}.column-of-10{width:83.33333%}.column-of-11{width:91.66667%}.column-of-12{width:100%}@media (min-width: 768px) and (max-width: 959px){.tablet-column-of-1{width:8.33333%}.tablet-column-of-2{width:16.66667%}.tablet-column-of-3{width:25%}.tablet-column-of-4{width:33.33333%}.tablet-column-of-5{width:41.66667%}.tablet-column-of-6{width:50%}.tablet-column-of-7{width:58.33333%}.tablet-column-of-8{width:66.66667%}.tablet-column-of-9{width:75%}.tablet-column-of-10{width:83.33333%}.tablet-column-of-11{width:91.66667%}.tablet-column-of-12{width:100%}}@media (min-width: 576px) and (max-width: 767px){.cellphone-column-of-1{width:8.33333%}.cellphone-column-of-2{width:16.66667%}.cellphone-column-of-3{width:25%}.cellphone-column-of-4{width:33.33333%}.cellphone-column-of-5{width:41.66667%}.cellphone-column-of-6{width:50%}.cellphone-column-of-7{width:58.33333%}.cellphone-column-of-8{width:66.66667%}.cellphone-column-of-9{width:75%}.cellphone-column-of-10{width:83.33333%}.cellphone-column-of-11{width:91.66667%}.cellphone-column-of-12{width:100%}}@media screen and (max-width: 575px){.column,[class*="column-of-"]{width:100%;-ms-flex-preferred-size:inherit;flex-basis:inherit}}ul,ol{padding-left:1.75rem}.list-group,.list-group-flush,.list-group-interleaved{list-style:none;padding:0;margin-bottom:1rem}.list-group *,.list-group-flush *,.list-group-interleaved *{display:block;width:100%;padding:0.625rem 1rem;margin-bottom:-1px;text-align:left;border:1px solid #dee2e6;border-radius:0;background-color:rgba(0,0,0,0)}.list-group *:first-child,.list-group-interleaved *:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group *:last-child,.list-group-interleaved *:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.list-group-flush *{border-left:0;border-right:0}.list-group-flush *:first-child{border-top:0}.list-group-flush *:last-child{border-bottom:0}.list-group-interleaved *:nth-child(2n){background-color:#f5f5f5}.modal,.modal-center{position:fixed;display:-ms-flexbox;display:flex;top:0;left:0;right:0;bottom:0;opacity:0;z-index:-1;overflow-x:hidden;overflow-y:auto;background-color:rgba(0,0,0,0.7);transition:all .15s ease-in-out}@media screen and (prefers-reduced-motion: reduce){.modal,.modal-center{transition:none}}.modal .modal-content,.modal-center .modal-content{position:relative;top:0;left:0;right:0;-ms-flex-direction:column;flex-direction:column;width:500px;margin:2rem auto auto;border-radius:4px;background-color:#fff;transform:translate(0, -25%);transition:all 0.35s ease-in-out}@media screen and (prefers-reduced-motion: reduce){.modal .modal-content,.modal-center .modal-content{transition:none}}.modal .modal-content>*:not(:last-child),.modal-center .modal-content>*:not(:last-child){border-bottom:1px solid #dee2e6}.modal .modal-content>* ,.modal-center .modal-content>* {padding:1rem;margin:0}.modal .modal-content>.close,.modal-center .modal-content>.close{display:-ms-flexbox;display:flex;position:absolute;top:-25px;right:-25px;width:30px;height:30px;-ms-flex-pack:center;justify-content:center;line-height:0;color:#fff;border:0 !important;border-radius:50%;background-color:rgba(30,30,30,0.8)}.modal .modal-content>.close>span,.modal-center .modal-content>.close>span{font-size:1.25rem;margin-top:-2px}.modal .modal-content>.close:hover,.modal .modal-content>.close:focus,.modal-center .modal-content>.close:hover,.modal-center .modal-content>.close:focus{background-color:#000}.modal .modal-header,.modal-center .modal-header{-ms-flex-align:center;align-items:center}.modal .modal-header h4,.modal-center .modal-header h4{margin:0}.modal .modal-body,.modal-center .modal-body{-ms-flex-direction:column;flex-direction:column}.modal .modal-footer,.modal-center .modal-footer{-ms-flex-pack:end;justify-content:flex-end}.modal.active,.modal-center.active{opacity:1;z-index:1000}.modal.active .modal-content,.modal-center.active .modal-content{transform:translate(0, 0)}.modal-center .modal-content{margin:auto}@media screen and (max-width: 575px){.modal .modal-content,.modal-center .modal-content{width:84%}}.navbar .show-menu,.navbar-expanded .show-menu,.navbar [type="checkbox"]:checked ~ nav,.navbar-expanded [type="checkbox"]:checked ~ nav{opacity:1;height:auto}.navbar,.navbar-expanded{position:relative;border-bottom:1px solid #e1e1e1;background:#f5f5f5}.navbar *,.navbar-expanded *{color:rgba(0,0,0,0.5)}.navbar *:hover,.navbar *:focus,.navbar-expanded *:hover,.navbar-expanded *:focus{color:rgba(0,0,0,0.7)}.navbar *.active,.navbar-expanded *.active{color:#000}.navbar .navbar-brand,.navbar-expanded .navbar-brand{color:#000}.navbar .disabled,.navbar-expanded .disabled{color:rgba(0,0,0,0.3)}.navbar .disabled:hover,.navbar .disabled:focus,.navbar-expanded .disabled:hover,.navbar-expanded .disabled:focus{color:rgba(0,0,0,0.3)}.navbar a,.navbar-expanded a{text-decoration:none}.navbar nav,.navbar-expanded nav{height:0;opacity:0;transition:all .15s ease-in-out}@media screen and (prefers-reduced-motion: reduce){.navbar nav,.navbar-expanded nav{transition:none}}.navbar nav a,.navbar-expanded nav a{padding:.9375rem}.navbar nav.navigation-end,.navbar-expanded nav.navigation-end{margin-left:auto}.navbar .navbar-toggler,.navbar-expanded .navbar-toggler{width:auto;height:40px;margin:7px 0;background:none}.navbar [type="checkbox"],.navbar-expanded [type="checkbox"]{display:none}.navbar [type="checkbox"]:checked ~ .navbar-toggler>.menu-icon:before,.navbar-expanded [type="checkbox"]:checked ~ .navbar-toggler>.menu-icon:before{transform:rotate(45deg);margin-top:5px}.navbar [type="checkbox"]:checked ~ .navbar-toggler>.menu-icon:after,.navbar-expanded [type="checkbox"]:checked ~ .navbar-toggler>.menu-icon:after{transform:rotate(-45deg);margin-top:-7px}.navbar .dropdown .toggle,.navbar-expanded .dropdown .toggle{padding:.9375rem}.navbar .dropdown .drop-menu,.navbar-expanded .dropdown .drop-menu{top:3rem}.navbar-brand{font-size:1.25rem;padding:.75rem 0;margin-right:.625rem}.navbar-expanded{width:100%;padding:0 15px}@media (min-width: 576px) and (max-width: 1199px){.navbar-expanded{padding:0 10px}}@media screen and (max-width: 767px){.navbar,.navbar-expanded{-ms-flex-pack:justify;justify-content:space-between}.navbar nav,.navbar-expanded nav{width:100%;-ms-flex-direction:column;flex-direction:column}.navbar nav *,.navbar-expanded nav *{display:block;width:100%}.navbar nav a,.navbar nav .dropdown,.navbar-expanded nav a,.navbar-expanded nav .dropdown{padding:.625rem 0}.navbar nav .dropdown .toggle,.navbar-expanded nav .dropdown .toggle{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:center;align-content:center;padding:0}.navbar nav:not([class*="show-menu"]),.navbar-expanded nav:not([class*="show-menu"]){overflow:hidden}.navbar nav .navbar-search input,.navbar-expanded nav .navbar-search input{margin-bottom:.5rem}.navbar .show-menu:last-child,.navbar-expanded .show-menu:last-child{padding-bottom:.5rem}.navbar [class*="column"]{-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width: 768px){.navbar,.navbar-expanded{-ms-flex-pack:start;justify-content:start}.navbar nav,.navbar-expanded nav{height:auto;opacity:1}.navbar .navbar-toggler,.navbar-expanded .navbar-toggler{display:none}.navbar .navbar-search input,.navbar-expanded .navbar-search input{margin-right:.5rem}}[class^="nav-"]{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:0;list-style:none}[class^="nav-"] *{display:-ms-flexbox;display:flex;margin:0}[class^="nav-"] a{position:relative;text-decoration:none;padding:0.5rem 0.75rem}[class^="nav-"] .dropdown .toggle{width:100%;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;color:#007bff;padding:0.5rem 0.75rem;background-color:transparent}[class^="nav-"] .dropdown .toggle:hover,[class^="nav-"] .dropdown .toggle:focus{color:#0062cc}.nav-vertical{-ms-flex-direction:column;flex-direction:column}.nav-vertical .dropdown nav{width:100%}.pagination,.pagination-center,.pagination-end{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin:0.5rem 0;padding:0;list-style:none}.pagination>*,.pagination>a,.pagination-center>*,.pagination-center>a,.pagination-end>*,.pagination-end>a{display:-ms-flexbox;display:flex;transition:background-color .15s ease-in-out,color .15s ease-in-out}@media screen and (prefers-reduced-motion: reduce){.pagination>*,.pagination>a,.pagination-center>*,.pagination-center>a,.pagination-end>*,.pagination-end>a{transition:none}}.pagination>*:not(:first-child),.pagination>a:not(:first-child),.pagination-center>*:not(:first-child),.pagination-center>a:not(:first-child),.pagination-end>*:not(:first-child),.pagination-end>a:not(:first-child){margin-left:-1px}.pagination>*:first-child,.pagination>*:first-child a,.pagination-center>*:first-child,.pagination-center>*:first-child a,.pagination-end>*:first-child,.pagination-end>*:first-child a{border-radius:4px 0 0 4px}.pagination>*:last-child,.pagination>*:last-child a,.pagination-center>*:last-child,.pagination-center>*:last-child a,.pagination-end>*:last-child,.pagination-end>*:last-child a{border-radius:0 4px 4px 0}.pagination>*:hover,.pagination>*:focus,.pagination-center>*:hover,.pagination-center>*:focus,.pagination-end>*:hover,.pagination-end>*:focus{background-color:transparent}.pagination a,.pagination-center a,.pagination-end a{padding:0.25rem 0.625rem;border:1px solid #dee2e6}.pagination a:hover,.pagination a:focus,.pagination-center a:hover,.pagination-center a:focus,.pagination-end a:hover,.pagination-end a:focus{text-decoration:none;background-color:#f2f2f2}.pagination a.active,.pagination-center a.active,.pagination-end a.active{color:#626d78;background-color:#e6e6e6}.pagination a.disabled:hover,.pagination a.disabled:focus,.pagination-center a.disabled:hover,.pagination-center a.disabled:focus,.pagination-end a.disabled:hover,.pagination-end a.disabled:focus{background-color:#fff}th,td{padding:0.625rem 1rem;border:1px solid #dee2e6}th{font-weight:bold;border-bottom-width:2px}.table-flush th,.table-flush td,.table-flush-interleaved th,.table-flush-interleaved td{border-top:0;border-right:0;border-left:0}.table-flush tr:last-child td,.table-flush-interleaved tr:last-child td{border-bottom:0}.table-interleaved tr:nth-child(2n),.table-flush-interleaved tr:nth-child(2n){background-color:#f5f5f5}.table-borderless th,.table-borderless td{border:0}[class*="tooltip"]{position:relative}[class*="tooltip"]:before,[class*="tooltip"]:after{position:absolute;opacity:0;margin:0;padding:0;pointer-events:none;z-index:1000;transition:opacity 0.2s ease-in-out}@media screen and (prefers-reduced-motion: reduce){[class*="tooltip"]:before,[class*="tooltip"]:after{transition:none}}[class*="tooltip"]:before{content:'';color:#000}[class*="tooltip"]:after{content:attr(data-tooltip);display:block;color:#fff;font-size:90%;padding:.5rem .625rem;white-space:nowrap;line-height:1;border-radius:4px;background-color:#000}[class*="tooltip"]:hover:after,[class*="tooltip"]:hover:before{opacity:1}[class*="tooltip"]:not([data-tooltip]):before,[class*="tooltip"]:not([data-tooltip]):after{display:none}[data-tooltip='']:before,[data-tooltip='']:after{display:none}.tooltip-top:before,.tooltip-top:after{bottom:100%;left:50%;transform:translateX(-50%)}.tooltip-top:before{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid}.tooltip-top:after{margin-bottom:5px}.tooltip-right:before,.tooltip-right:after{top:50%;left:100%;transform:translateY(-50%)}.tooltip-right:before{border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid}.tooltip-right:after{margin-left:6px}.tooltip-bottom:before,.tooltip-bottom:after{top:100%;left:50%;transform:translateX(-50%)}.tooltip-bottom:before{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid}.tooltip-bottom:after{margin-top:6px}.tooltip-left:before,.tooltip-left:after{top:50%;transform:translateY(-50%)}.tooltip-left:before{left:0;margin-left:-6px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid}.tooltip-left:after{right:100%;margin-right:6px}[class*="-expanded"]{width:100%;max-width:100%}.highlight-example{border:3px solid #f5f5f5;padding:1.5rem 1rem;margin-top:1rem}.disabled{color:#838f9b;pointer-events:none}.disabled:hover,.disabled:focus{color:#838f9b}[class*="-centered"]{text-align:center}[class*="-right"]{text-align:right}[class*="-start"]{-ms-flex-pack:start;justify-content:start}[class*="-center"]{-ms-flex-pack:center;justify-content:center}[class*="-end"]{-ms-flex-pack:end;justify-content:end}[class*="-around"]{-ms-flex-pack:distribute;justify-content:space-around}[class*="-between"]{-ms-flex-pack:justify;justify-content:space-between}[class*="-evenly"]{-ms-flex-pack:space-evenly;justify-content:space-evenly}.show{display:block !important}.hidden{display:none !important}.clipped{overflow:hidden}.hll{background-color:#ffc}.c{color:#999}.k{color:#069}.o{color:#555}.cm{color:#999}.cp{color:#099}.c1{color:#999}.cs{color:#999}.gd{background-color:#fcc;border:1px solid #c00}.ge{font-style:italic}.gr{color:#f00}.gh{color:#030}.gi{background-color:#cfc;border:1px solid #0c0}.go{color:#aaa}.gp{color:#009}.gu{color:#030}.gt{color:#9c6}.kc{color:#069}.kd{color:#069}.kn{color:#069}.kp{color:#069}.kr{color:#069}.kt{color:#078}.m{color:#f60}.s{color:#d44950}.na{color:#4f9fcf}.nb{color:#366}.nc{color:#0a8}.no{color:#360}.nd{color:#99f}.ni{color:#999}.ne{color:#c00}.nf{color:#c0f}.nl{color:#99f}.nn{color:#0cf}.nt{color:#2f6f9f}.nv{color:#033}.ow{color:#000}.w{color:#bbb}.mf{color:#f60}.mh{color:#f60}.mi{color:#f60}.mo{color:#f60}.sb{color:#c30}.sc{color:#c30}.sd{font-style:italic;color:#c30}.s2{color:#c30}.se{color:#c30}.sh{color:#c30}.si{color:#a00}.sx{color:#c30}.sr{color:#3aa}.s1{color:#c30}.ss{color:#fc3}.bp{color:#366}.vc{color:#033}.vg{color:#033}.vi{color:#033}.il{color:#f60}.css .o,.css .o+.nt,.css .nt+.nt{color:#999}.language-bash::before,.language-sh::before{color:#009;content:"$ ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.language-powershell::before{color:#009;content:"PM> ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} + * Licensed under MIT (https://github.com/mendozagioo/cactu/blob/master/LICENSE) + */*,*::before,*::after{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}div,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{text-align:left;background-color:#fff}html,body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px;font-weight:400;line-height:1.5;color:#343a40}[tabindex="-1"]:focus{outline:0 !important}hr{display:block;border:none;height:1px;background-color:#6c757d}ol,ul,dl{margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem}dfn{font-style:italic}figure{margin:0 0 1rem}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}input[type="radio"],input[type="checkbox"]{box-sizing:border-box;padding:0}input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{outline-offset:-2px;-webkit-appearance:none}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none !important}.navbar,.navbar-expanded,.navbar *,.navbar-expanded *,.navbar .navbar-toggler,.navbar-expanded .navbar-toggler{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center}.dropdown .toggle:after,.dropup .toggle:after,.dropright .toggle:after,.dropleft .toggle:after,.dropleft .toggle:before{content:"";display:inline-block;width:0;height:0;vertical-align:middle}.menu-icon:before,.menu-icon:after,.close-icon:before,.close-icon:after{content:"";display:block;width:100%}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{padding:0;border-style:none}button,.button{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#343a40;border:1px solid transparent;background-color:#e9ecef;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:4px;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion: reduce){button,.button{transition:none}}button:hover,.button:hover{color:#343a40;text-decoration:none;background-color:#cbd3da}button:focus,button.focus,.button:focus,.button.focus{outline:0;color:#343a40;text-decoration:none;box-shadow:0 0 0 .125rem #aeb9c4}button.disabled,button:disabled,.button.disabled,.button:disabled{opacity:.57;box-shadow:none}button.disabled:hover,button.disabled:focus,button:disabled:hover,button:disabled:focus,.button.disabled:hover,.button.disabled:focus,.button:disabled:hover,.button:disabled:focus{background-color:#e9ecef}button:not(:disabled):not(.disabled),.button:not(:disabled):not(.disabled){cursor:pointer}button:not(:disabled):not(.disabled):active,button:not(:disabled):not(.disabled).active,.button:not(:disabled):not(.disabled):active,.button:not(:disabled):not(.disabled).active{background-image:none;background-color:#cbd3da;box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}button:not(:disabled):not(.disabled):active:focus,button:not(:disabled):not(.disabled).active:focus,.button:not(:disabled):not(.disabled):active:focus,.button:not(:disabled):not(.disabled).active:focus{box-shadow:0 0 0 .125rem #aeb9c4,inset 0 3px 5px rgba(0,0,0,0.125)}button ~ button,button ~ .button,.button ~ button,.button ~ .button{margin-left:.5rem}pre,code,kbd,samp{font-family:Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}code{color:#ff3860;word-break:break-word;background-color:#f5f5f5}a>code{color:inherit}pre{display:block;font-size:.85rem;color:#212529;padding:1rem;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar;background-color:#f5f5f5}pre code{font-size:inherit;padding:0;color:inherit;word-break:normal}code,kbd{border-radius:3px;font-size:.85rem;padding:0.2rem 0.3rem}kbd{color:#fff;background-color:#343a40}.menu-icon,.close-icon{display:block;width:22px}.menu-icon:before,.menu-icon:after,.close-icon:before,.close-icon:after{height:2px;margin:5px 0;background-color:#343a40;transition:all .15s ease-in-out}@media screen and (prefers-reduced-motion: reduce){.menu-icon:before,.menu-icon:after,.close-icon:before,.close-icon:after{transition:none}}.close-icon:before{transform:rotate(45deg);margin-top:5px}.close-icon:after{transform:rotate(-45deg);margin-top:-7px}.chevron-down-icon{position:absolute;right:8px;top:16px;display:inline-block;width:15px;height:15px;margin:-5px 0;background:none}.chevron-down-icon:before,.chevron-down-icon:after{content:"";display:block;width:50%;height:2px;margin-top:3px;background-color:#343a40}.chevron-down-icon:before{transform:rotate(45deg)}.chevron-down-icon:after{transform:rotate(-45deg);margin-left:-3px}img{max-width:100%;height:auto;vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}figcaption{margin-top:.5rem;font-size:90%}.image-edge{padding:.25rem;border-radius:4px;border:1px solid #dee2e6;background-color:#fff}a{color:#007bff;text-decoration:none;background-color:transparent;transition:color .15s ease-in-out,text-decoration .15s ease-in-out;-webkit-text-decoration-skip:objects}@media screen and (prefers-reduced-motion: reduce){a{transition:none}}a:hover,a:focus{color:#0062cc;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):hover,a:not([href]):not([tabindex]):focus{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}abbr[title],abbr[data-original-title]{text-decoration:underline;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}blockquote{margin:0 0 1rem;font-size:1.25rem}cite{display:block;font-size:80%;color:#666c72}cite:before{content:"\2014 \00A0"}b,strong{font-weight:bolder}small{font-size:.8em}span{font-style:inherit;font-weight:inherit}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}p{margin-bottom:.7rem}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{margin:1rem 0 0.5rem;font-weight:700}h1,.h1{font-size:2.8125rem}h2,.h2{font-size:2.125rem}h3,.h3{font-size:1.75rem}h4,.h4{font-size:1.5rem}h5,.h5{font-size:1.25rem}h6,.h6{font-size:1rem}.text-left{text-align:left}.text-centered{text-align:center}.text-right{text-align:right}.alert,.alert-dismissible{position:relative;padding:1rem;border-radius:4px;color:#81812b;border:1px solid #f9f96e;background-color:#fefedc}.alert hr,.alert-dismissible hr{background-color:#f8f856}.alert .alert-link,.alert-dismissible .alert-link{color:#000}.alert h1,.alert h2,.alert h3,.alert h4,.alert h5,.alert h6,.alert-dismissible h1,.alert-dismissible h2,.alert-dismissible h3,.alert-dismissible h4,.alert-dismissible h5,.alert-dismissible h6{margin-top:0}.alert-dismissible{padding-right:2.625rem}.alert-dismissible .close{position:absolute;top:5px;right:0;font-size:1.625rem;line-height:1;color:inherit;box-shadow:none !important;background-color:transparent}.alert-dismissible .close:hover,.alert-dismissible .close:focus{color:#404002}.button-group button,.button-group .button,.button-group-vertical button,.button-group-vertical .button{z-index:2}.button-group button:focus,.button-group button:active,.button-group button.active,.button-group .button:focus,.button-group .button:active,.button-group .button.active,.button-group-vertical button:focus,.button-group-vertical button:active,.button-group-vertical button.active,.button-group-vertical .button:focus,.button-group-vertical .button:active,.button-group-vertical .button.active{z-index:1}.button-group button.selected,.button-group .button.selected,.button-group-vertical button.selected,.button-group-vertical .button.selected{background-color:#cbd3da}.button-group button ~ button,.button-group button ~ .button,.button-group .button ~ button,.button-group .button ~ .button,.button-group-vertical button ~ button,.button-group-vertical button ~ .button,.button-group-vertical .button ~ button,.button-group-vertical .button ~ .button{margin-left:0}.button-group{display:-ms-inline-flexbox;display:inline-flex}.button-group button:not(:first-child):not(:last-child),.button-group .button:not(:first-child):not(:last-child){border-radius:0}.button-group button:not(:first-child),.button-group .button:not(:first-child){margin-left:-1px}.button-group button:first-child,.button-group .button:first-child{border-radius:4px 0 0 4px}.button-group button:last-child,.button-group .button:last-child{border-radius:0 4px 4px 0}.button-group-vertical{display:-ms-inline-grid;display:inline-grid}.button-group-vertical button:not(:first-child):not(:last-child),.button-group-vertical .button:not(:first-child):not(:last-child){border-radius:0}.button-group-vertical button:not(:first-child),.button-group-vertical .button:not(:first-child){margin-top:-1px}.button-group-vertical button:first-child,.button-group-vertical .button:first-child{border-radius:4px 4px 0 0}.button-group-vertical button:last-child,.button-group-vertical .button:last-child{border-radius:0 0 4px 4px}.collapse .collapse-container.collapsed,.collapse [type="checkbox"]:checked ~ .collapse-container,.collapse [type="radio"]:checked ~ .collapse-container{height:100%;opacity:1;padding:1rem}.collapse .collapse-container{height:0;opacity:0;margin:0;padding:0;border:0;overflow:hidden;transition:all .15s ease-in-out}@media screen and (prefers-reduced-motion: reduce){.collapse .collapse-container{transition:none}}.collapse [type="checkbox"],.collapse [type="radio"]{display:none}.accordion{overflow:hidden}.accordion .collapse{border:1px solid #dee2e6;overflow:hidden}.accordion .collapse .header{display:block;padding:1rem;margin:0;cursor:pointer;background-color:#f8f9fa}.accordion .collapse .header:hover{background-color:#eff1f3}.accordion .collapse:not(:first-child){margin-top:-1px}.accordion .collapse:first-child{border-radius:4px 4px 0 0}.accordion .collapse:last-child{border-radius:0 0 4px 4px}.dropdown,.dropup,.dropright,.dropleft{position:relative}.dropdown [type="checkbox"],.dropup [type="checkbox"],.dropright [type="checkbox"],.dropleft [type="checkbox"]{display:none}.dropdown [type="checkbox"]:checked ~ .drop-menu,.dropup [type="checkbox"]:checked ~ .drop-menu,.dropright [type="checkbox"]:checked ~ .drop-menu,.dropleft [type="checkbox"]:checked ~ .drop-menu{display:inline-block}.dropdown [type="checkbox"]:checked ~ .toggle:after,.dropup [type="checkbox"]:checked ~ .toggle:after,.dropright [type="checkbox"]:checked ~ .toggle:after,.dropleft [type="checkbox"]:checked ~ .toggle:after{transform:rotate(180deg)}.dropdown .toggle,.dropup .toggle,.dropright .toggle,.dropleft .toggle{padding:.5rem;margin:0}.dropdown .toggle:after,.dropup .toggle:after,.dropright .toggle:after,.dropleft .toggle:after{margin-left:.4375rem;transition:transform 0.1s ease-in-out}@media screen and (prefers-reduced-motion: reduce){.dropdown .toggle:after,.dropup .toggle:after,.dropright .toggle:after,.dropleft .toggle:after{transition:none}}.dropdown .toggle:hover,.dropdown .toggle:focus,.dropup .toggle:hover,.dropup .toggle:focus,.dropright .toggle:hover,.dropright .toggle:focus,.dropleft .toggle:hover,.dropleft .toggle:focus{cursor:pointer}.dropdown .drop-menu,.dropup .drop-menu,.dropright .drop-menu,.dropleft .drop-menu{position:absolute;display:none;min-width:12.5rem;-ms-flex-direction:column;flex-direction:column;padding:0.5rem 0;border:1px solid #dee2e6;border-radius:4px;background-color:#fff;z-index:10}.dropdown .drop-menu *,.dropup .drop-menu *,.dropright .drop-menu *,.dropleft .drop-menu *{color:#343a40;padding:0.3125rem 1rem;margin:0;transition:color .15s ease-in-out,background-color .15s ease-in-out}@media screen and (prefers-reduced-motion: reduce){.dropdown .drop-menu *,.dropup .drop-menu *,.dropright .drop-menu *,.dropleft .drop-menu *{transition:none}}.dropdown .drop-menu a,.dropup .drop-menu a,.dropright .drop-menu a,.dropleft .drop-menu a{display:block}.dropdown .drop-menu a:hover,.dropdown .drop-menu a:focus,.dropup .drop-menu a:hover,.dropup .drop-menu a:focus,.dropright .drop-menu a:hover,.dropright .drop-menu a:focus,.dropleft .drop-menu a:hover,.dropleft .drop-menu a:focus{text-decoration:none;background-color:#f2f2f2}.dropdown .drop-menu .drop-active,.dropup .drop-menu .drop-active,.dropright .drop-menu .drop-active,.dropleft .drop-menu .drop-active{color:#343a40;background-color:#e9ecef}.dropdown .drop-menu .drop-separator,.dropup .drop-menu .drop-separator,.dropright .drop-menu .drop-separator,.dropleft .drop-menu .drop-separator{height:1px;background:#dee2e6;margin:.375rem 0;padding:0}.dropdown .drop-menu .drop-item *,.dropup .drop-menu .drop-item *,.dropright .drop-menu .drop-item *,.dropleft .drop-menu .drop-item *{display:inline-block;padding:0}.dropdown.dropped .toggle:after,.dropup.dropped .toggle:after,.dropright.dropped .toggle:after,.dropleft.dropped .toggle:after{transform:rotate(180deg)}.dropdown.dropped .drop-menu,.dropup.dropped .drop-menu,.dropright.dropped .drop-menu,.dropleft.dropped .drop-menu{display:inline-block}.dropdown .toggle:after{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid}.dropdown .drop-menu{left:0;top:2.5rem}.dropup .toggle:after{border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid}.dropup .drop-menu{left:0;bottom:3rem}.dropright .toggle:after{border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid}.dropright .drop-menu{margin-left:.125rem}.dropleft input:checked ~ .button:before{transform:rotate(180deg)}.dropleft .toggle:after{display:none}.dropleft .toggle:before{margin-right:.4375rem;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid;transition:transform 0.1s ease-in-out}@media screen and (prefers-reduced-motion: reduce){.dropleft .toggle:before{transition:none}}.dropleft .drop-menu{left:-12.625rem}input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea{color:#343a40;padding:0.375rem 0.75rem;border:1px solid #dee2e6;border-radius:4px;box-shadow:inset 0 1px 2px rgba(0,0,0,0.075);background-color:#fff;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion: reduce){input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea{transition:none}}input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):focus,select:focus,textarea:focus{outline:0;border-color:#007bff;box-shadow:inset 0 0 2px rgba(0,0,0,0.075),0 0 0 .125rem rgba(0,123,255,0.25)}input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):-ms-input-placeholder,select:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#6c757d;opacity:1}input:not([type="checkbox"]):not([type="radio"]):not([type="range"])::placeholder,select::placeholder,textarea::placeholder{color:#6c757d;opacity:1}input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):disabled,select:disabled,textarea:disabled{color:#838f9b;background-color:#e9ecef;cursor:not-allowed;opacity:.57}input:not([type="checkbox"]):not([type="radio"]):not([type="range"])[readonly],select[readonly],textarea[readonly]{background-color:#e9ecef;opacity:1}input[type="range"]:focus{outline:none}input[type="range"]::-moz-focus-outer{border:0}select:not([size]):not([multiple]){height:calc(2.25rem + 2px);padding:.375rem 1.75rem .375rem .75rem;background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;background-size:8px 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none}select:not([size]):not([multiple]):disabled{background-color:#e9ecef}select:not([size]):not([multiple])::-ms-value{color:#343a40;background-color:#fff}select:-moz-focusring{color:transparent;text-shadow:0 0 0 #343a40}select::-ms-expand{opacity:0}.form-group{margin-bottom:1rem}.form-group input,.form-group select,.form-group textarea{width:100%}.form-group [type="checkbox"],.form-group [type="radio"]{display:inline;width:.8125rem;height:1rem;margin-right:.125rem}.form-group .help,.form-group [class$="-feedback"]{display:block;font-size:.75rem;margin-top:.25rem}.form-group .checkbox+.checkbox,.form-group .radio+.radio{margin-left:1rem}input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]).valid,select.valid,textarea.valid{border:1px solid #28a745}input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]).valid:focus,select.valid:focus,textarea.valid:focus{border-color:#28a745;box-shadow:inset 0 0 2px rgba(0,0,0,0.075),0 0 0 .125rem rgba(40,167,69,0.25)}.form-group .valid-feedback{color:#28a745}.form-group .checkbox.valid,.form-group .radio.valid{color:#28a745}input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]).invalid,select.invalid,textarea.invalid{border:1px solid #dc3545}input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]).invalid:focus,select.invalid:focus,textarea.invalid:focus{border-color:#dc3545;box-shadow:inset 0 0 2px rgba(0,0,0,0.075),0 0 0 .125rem rgba(220,53,69,0.25)}.form-group .invalid-feedback{color:#dc3545}.form-group .checkbox.invalid,.form-group .radio.invalid{color:#dc3545}.form-columns{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.form-columns .column,.form-columns [class*="column-of-"]{padding:0 .5rem}.form-columns .column:first-child,.form-columns [class*="column-of-"]:first-child{padding-left:0}.form-columns .column:last-child,.form-columns [class*="column-of-"]:last-child{padding-right:0}@media screen and (max-width: 575px){.form-columns .column,.form-columns [class*="column-of-"]{padding:0}}.container{width:100%;margin:0 auto;position:relative}@media (min-width: 960px) and (max-width: 1199px){.container{width:960px}}@media (min-width: 1200px) and (max-width: 1343px){.container{width:1200px}}@media screen and (min-width: 1344px){.container{width:1344px}}.columns{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0}.columns .columns{padding:0}.column{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}.column[class*="column-of-"]{-ms-flex-preferred-size:inherit;flex-basis:inherit}.column,[class*="column-of-"]{padding:0 15px;min-height:1px}@media (min-width: 576px) and (max-width: 1199px){.column,[class*="column-of-"]{padding:0 10px}}.column-of-1{width:8.33333%}.column-of-2{width:16.66667%}.column-of-3{width:25%}.column-of-4{width:33.33333%}.column-of-5{width:41.66667%}.column-of-6{width:50%}.column-of-7{width:58.33333%}.column-of-8{width:66.66667%}.column-of-9{width:75%}.column-of-10{width:83.33333%}.column-of-11{width:91.66667%}.column-of-12{width:100%}@media (min-width: 768px) and (max-width: 959px){.tablet-column-of-1{width:8.33333%}.tablet-column-of-2{width:16.66667%}.tablet-column-of-3{width:25%}.tablet-column-of-4{width:33.33333%}.tablet-column-of-5{width:41.66667%}.tablet-column-of-6{width:50%}.tablet-column-of-7{width:58.33333%}.tablet-column-of-8{width:66.66667%}.tablet-column-of-9{width:75%}.tablet-column-of-10{width:83.33333%}.tablet-column-of-11{width:91.66667%}.tablet-column-of-12{width:100%}}@media (min-width: 576px) and (max-width: 767px){.cellphone-column-of-1{width:8.33333%}.cellphone-column-of-2{width:16.66667%}.cellphone-column-of-3{width:25%}.cellphone-column-of-4{width:33.33333%}.cellphone-column-of-5{width:41.66667%}.cellphone-column-of-6{width:50%}.cellphone-column-of-7{width:58.33333%}.cellphone-column-of-8{width:66.66667%}.cellphone-column-of-9{width:75%}.cellphone-column-of-10{width:83.33333%}.cellphone-column-of-11{width:91.66667%}.cellphone-column-of-12{width:100%}}@media screen and (max-width: 575px){.column,[class*="column-of-"]{width:100%;-ms-flex-preferred-size:inherit;flex-basis:inherit}}ul,ol{padding-left:1.75rem}.list-group,.list-group-flush,.list-group-interleaved{list-style:none;padding:0;margin-bottom:1rem}.list-group *,.list-group-flush *,.list-group-interleaved *{display:block;width:100%;padding:0.625rem 1rem;margin-bottom:-1px;text-align:left;border:1px solid #dee2e6;border-radius:0;background-color:rgba(0,0,0,0)}.list-group *:first-child,.list-group-interleaved *:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group *:last-child,.list-group-interleaved *:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.list-group-flush *{border-left:0;border-right:0}.list-group-flush *:first-child{border-top:0}.list-group-flush *:last-child{border-bottom:0}.list-group-interleaved *:nth-child(2n){background-color:#f5f5f5}.modal,.modal-center{position:fixed;display:-ms-flexbox;display:flex;top:0;left:0;right:0;bottom:0;opacity:0;z-index:-1;overflow-x:hidden;overflow-y:auto;background-color:rgba(0,0,0,0.7);transition:all .15s ease-in-out}@media screen and (prefers-reduced-motion: reduce){.modal,.modal-center{transition:none}}.modal .modal-content,.modal-center .modal-content{position:relative;top:0;left:0;right:0;-ms-flex-direction:column;flex-direction:column;width:500px;margin:2rem auto auto;border-radius:4px;background-color:#fff;transform:translate(0, -25%);transition:all 0.35s ease-in-out}@media screen and (prefers-reduced-motion: reduce){.modal .modal-content,.modal-center .modal-content{transition:none}}.modal .modal-content>*:not(:last-child),.modal-center .modal-content>*:not(:last-child){border-bottom:1px solid #dee2e6}.modal .modal-content>* ,.modal-center .modal-content>* {padding:1rem;margin:0}.modal .modal-content>.close,.modal-center .modal-content>.close{display:-ms-flexbox;display:flex;position:absolute;top:-25px;right:-25px;width:30px;height:30px;-ms-flex-pack:center;justify-content:center;line-height:0;color:#fff;border:0 !important;border-radius:50%;background-color:rgba(30,30,30,0.8)}.modal .modal-content>.close>span,.modal-center .modal-content>.close>span{font-size:1.25rem;margin-top:-2px}.modal .modal-content>.close:hover,.modal .modal-content>.close:focus,.modal-center .modal-content>.close:hover,.modal-center .modal-content>.close:focus{background-color:#000}.modal .modal-header,.modal-center .modal-header{-ms-flex-align:center;align-items:center}.modal .modal-header h4,.modal-center .modal-header h4{margin:0}.modal .modal-body,.modal-center .modal-body{-ms-flex-direction:column;flex-direction:column}.modal .modal-footer,.modal-center .modal-footer{-ms-flex-pack:end;justify-content:flex-end}.modal.active,.modal-center.active{opacity:1;z-index:1000}.modal.active .modal-content,.modal-center.active .modal-content{transform:translate(0, 0)}.modal-center .modal-content{margin:auto}@media screen and (max-width: 575px){.modal .modal-content,.modal-center .modal-content{width:84%}}.navbar .show-menu,.navbar-expanded .show-menu,.navbar [type="checkbox"]:checked ~ nav,.navbar-expanded [type="checkbox"]:checked ~ nav{opacity:1;height:auto}.navbar,.navbar-expanded{position:relative;border-bottom:1px solid #e1e1e1;background:#f5f5f5}.navbar *,.navbar-expanded *{color:rgba(0,0,0,0.5)}.navbar *:hover,.navbar *:focus,.navbar-expanded *:hover,.navbar-expanded *:focus{color:rgba(0,0,0,0.7)}.navbar *.active,.navbar-expanded *.active{color:#000}.navbar .navbar-brand,.navbar-expanded .navbar-brand{color:#000}.navbar .disabled,.navbar-expanded .disabled{color:rgba(0,0,0,0.3)}.navbar .disabled:hover,.navbar .disabled:focus,.navbar-expanded .disabled:hover,.navbar-expanded .disabled:focus{color:rgba(0,0,0,0.3)}.navbar a,.navbar-expanded a{text-decoration:none}.navbar nav,.navbar-expanded nav{height:0;opacity:0;transition:all .15s ease-in-out}@media screen and (prefers-reduced-motion: reduce){.navbar nav,.navbar-expanded nav{transition:none}}.navbar nav a,.navbar-expanded nav a{padding:.9375rem}.navbar nav.navigation-end,.navbar-expanded nav.navigation-end{margin-left:auto}.navbar .navbar-toggler,.navbar-expanded .navbar-toggler{width:auto;height:40px;margin:7px 0;background:none}.navbar [type="checkbox"],.navbar-expanded [type="checkbox"]{display:none}.navbar [type="checkbox"]:checked ~ .navbar-toggler>.menu-icon:before,.navbar-expanded [type="checkbox"]:checked ~ .navbar-toggler>.menu-icon:before{transform:rotate(45deg);margin-top:5px}.navbar [type="checkbox"]:checked ~ .navbar-toggler>.menu-icon:after,.navbar-expanded [type="checkbox"]:checked ~ .navbar-toggler>.menu-icon:after{transform:rotate(-45deg);margin-top:-7px}.navbar .dropdown .toggle,.navbar-expanded .dropdown .toggle{padding:.9375rem}.navbar .dropdown .drop-menu,.navbar-expanded .dropdown .drop-menu{top:3rem}.navbar-brand{font-size:1.25rem;padding:.75rem 0;margin-right:.625rem}.navbar-expanded{width:100%;padding:0 15px}@media (min-width: 576px) and (max-width: 1199px){.navbar-expanded{padding:0 10px}}@media screen and (max-width: 767px){.navbar,.navbar-expanded{-ms-flex-pack:justify;justify-content:space-between}.navbar nav,.navbar-expanded nav{width:100%;-ms-flex-direction:column;flex-direction:column}.navbar nav *,.navbar-expanded nav *{display:block;width:100%}.navbar nav a,.navbar nav .dropdown,.navbar-expanded nav a,.navbar-expanded nav .dropdown{padding:.625rem 0}.navbar nav .dropdown .toggle,.navbar-expanded nav .dropdown .toggle{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:center;align-content:center;padding:0}.navbar nav:not([class*="show-menu"]),.navbar-expanded nav:not([class*="show-menu"]){overflow:hidden}.navbar nav .navbar-search input,.navbar-expanded nav .navbar-search input{margin-bottom:.5rem}.navbar .show-menu:last-child,.navbar-expanded .show-menu:last-child{padding-bottom:.5rem}.navbar [class*="column"]{-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width: 768px){.navbar,.navbar-expanded{-ms-flex-pack:start;justify-content:start}.navbar nav,.navbar-expanded nav{height:auto;opacity:1}.navbar .navbar-toggler,.navbar-expanded .navbar-toggler{display:none}.navbar .navbar-search input,.navbar-expanded .navbar-search input{margin-right:.5rem}}[class^="nav-"]{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:0;list-style:none}[class^="nav-"] *{display:-ms-flexbox;display:flex;margin:0}[class^="nav-"] a{position:relative;text-decoration:none;padding:0.5rem 0.75rem}[class^="nav-"] .dropdown .toggle{width:100%;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;color:#007bff;padding:0.5rem 0.75rem;background-color:transparent}[class^="nav-"] .dropdown .toggle:hover,[class^="nav-"] .dropdown .toggle:focus{color:#0062cc}.nav-vertical{-ms-flex-direction:column;flex-direction:column}.nav-vertical .dropdown nav{width:100%}.pagination,.pagination-center,.pagination-end{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin:0.5rem 0;padding:0;list-style:none}.pagination>*,.pagination>a,.pagination-center>*,.pagination-center>a,.pagination-end>*,.pagination-end>a{display:-ms-flexbox;display:flex;transition:background-color .15s ease-in-out,color .15s ease-in-out}@media screen and (prefers-reduced-motion: reduce){.pagination>*,.pagination>a,.pagination-center>*,.pagination-center>a,.pagination-end>*,.pagination-end>a{transition:none}}.pagination>*:not(:first-child),.pagination>a:not(:first-child),.pagination-center>*:not(:first-child),.pagination-center>a:not(:first-child),.pagination-end>*:not(:first-child),.pagination-end>a:not(:first-child){margin-left:-1px}.pagination>*:first-child,.pagination>*:first-child a,.pagination-center>*:first-child,.pagination-center>*:first-child a,.pagination-end>*:first-child,.pagination-end>*:first-child a{border-radius:4px 0 0 4px}.pagination>*:last-child,.pagination>*:last-child a,.pagination-center>*:last-child,.pagination-center>*:last-child a,.pagination-end>*:last-child,.pagination-end>*:last-child a{border-radius:0 4px 4px 0}.pagination>*:hover,.pagination>*:focus,.pagination-center>*:hover,.pagination-center>*:focus,.pagination-end>*:hover,.pagination-end>*:focus{background-color:transparent}.pagination a,.pagination-center a,.pagination-end a{padding:0.25rem 0.625rem;border:1px solid #dee2e6}.pagination a:hover,.pagination a:focus,.pagination-center a:hover,.pagination-center a:focus,.pagination-end a:hover,.pagination-end a:focus{text-decoration:none;background-color:#f2f2f2}.pagination a.active,.pagination-center a.active,.pagination-end a.active{color:#626d78;background-color:#e6e6e6}.pagination a.disabled:hover,.pagination a.disabled:focus,.pagination-center a.disabled:hover,.pagination-center a.disabled:focus,.pagination-end a.disabled:hover,.pagination-end a.disabled:focus{background-color:#fff}th,td{padding:0.625rem 1rem;border:1px solid #dee2e6}th{font-weight:bold;border-bottom-width:2px}.table-flush th,.table-flush td,.table-flush-interleaved th,.table-flush-interleaved td{border-top:0;border-right:0;border-left:0}.table-flush tr:last-child td,.table-flush-interleaved tr:last-child td{border-bottom:0}.table-interleaved tr:nth-child(2n),.table-flush-interleaved tr:nth-child(2n){background-color:#f5f5f5}.table-borderless th,.table-borderless td{border:0}[class*="tooltip"]{position:relative}[class*="tooltip"]:before,[class*="tooltip"]:after{position:absolute;opacity:0;margin:0;padding:0;pointer-events:none;z-index:1000;transition:opacity 0.2s ease-in-out}@media screen and (prefers-reduced-motion: reduce){[class*="tooltip"]:before,[class*="tooltip"]:after{transition:none}}[class*="tooltip"]:before{content:'';color:#000}[class*="tooltip"]:after{content:attr(data-tooltip);display:block;color:#fff;font-size:90%;padding:.5rem .625rem;white-space:nowrap;line-height:1;border-radius:4px;background-color:#000}[class*="tooltip"]:hover:after,[class*="tooltip"]:hover:before{opacity:1}[class*="tooltip"]:not([data-tooltip]):before,[class*="tooltip"]:not([data-tooltip]):after{display:none}[data-tooltip='']:before,[data-tooltip='']:after{display:none}.tooltip-top:before,.tooltip-top:after{bottom:100%;left:50%;transform:translateX(-50%)}.tooltip-top:before{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid}.tooltip-top:after{margin-bottom:5px}.tooltip-right:before,.tooltip-right:after{top:50%;left:100%;transform:translateY(-50%)}.tooltip-right:before{border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid}.tooltip-right:after{margin-left:6px}.tooltip-bottom:before,.tooltip-bottom:after{top:100%;left:50%;transform:translateX(-50%)}.tooltip-bottom:before{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid}.tooltip-bottom:after{margin-top:6px}.tooltip-left:before,.tooltip-left:after{top:50%;transform:translateY(-50%)}.tooltip-left:before{left:0;margin-left:-6px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid}.tooltip-left:after{right:100%;margin-right:6px}[class*="-expanded"]{width:100%;max-width:100%}.highlight-example{border:3px solid #f5f5f5;padding:1.5rem 1rem;margin-top:1rem}.disabled{color:#838f9b;pointer-events:none}.disabled:hover,.disabled:focus{color:#838f9b}[class*="-centered"]{text-align:center}[class*="-right"]{text-align:right}[class*="-start"]{-ms-flex-pack:start;justify-content:start}[class*="-center"]{-ms-flex-pack:center;justify-content:center}[class*="-end"]{-ms-flex-pack:end;justify-content:end}[class*="-around"]{-ms-flex-pack:distribute;justify-content:space-around}[class*="-between"]{-ms-flex-pack:justify;justify-content:space-between}[class*="-evenly"]{-ms-flex-pack:space-evenly;justify-content:space-evenly}.show{display:block !important}.hidden{display:none !important}.clipped{overflow:hidden}.hll{background-color:#ffc}.c{color:#999}.k{color:#069}.o{color:#555}.cm{color:#999}.cp{color:#099}.c1{color:#999}.cs{color:#999}.gd{background-color:#fcc;border:1px solid #c00}.ge{font-style:italic}.gr{color:#f00}.gh{color:#030}.gi{background-color:#cfc;border:1px solid #0c0}.go{color:#aaa}.gp{color:#009}.gu{color:#030}.gt{color:#9c6}.kc{color:#069}.kd{color:#069}.kn{color:#069}.kp{color:#069}.kr{color:#069}.kt{color:#078}.m{color:#f60}.s{color:#d44950}.na{color:#4f9fcf}.nb{color:#366}.nc{color:#0a8}.no{color:#360}.nd{color:#99f}.ni{color:#999}.ne{color:#c00}.nf{color:#c0f}.nl{color:#99f}.nn{color:#0cf}.nt{color:#2f6f9f}.nv{color:#033}.ow{color:#000}.w{color:#bbb}.mf{color:#f60}.mh{color:#f60}.mi{color:#f60}.mo{color:#f60}.sb{color:#c30}.sc{color:#c30}.sd{font-style:italic;color:#c30}.s2{color:#c30}.se{color:#c30}.sh{color:#c30}.si{color:#a00}.sx{color:#c30}.sr{color:#3aa}.s1{color:#c30}.ss{color:#fc3}.bp{color:#366}.vc{color:#033}.vg{color:#033}.vi{color:#033}.il{color:#f60}.css .o,.css .o+.nt,.css .nt+.nt{color:#999}.language-bash::before,.language-sh::before{color:#009;content:"$ ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.language-powershell::before{color:#009;content:"PM> ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} diff --git a/index.html b/index.html index a5533d5..ced08f7 100644 --- a/index.html +++ b/index.html @@ -6,13 +6,13 @@
-
+

Cactu is the new generation
of Sass framework

Get Started - Download + Download

Currently v{{ site.current_version }}

@@ -28,14 +28,14 @@

Scalable

Start with the necessary and continue adding what you need using our mixins

- Get Started + Get Started

Modular

Just import what you need. You know what is important for you project

- Watch contents + Watch contents
@@ -46,14 +46,14 @@

Responsive

Mobile-first on mind, adapted to any resolution needed

- Watch layout + Watch layout

NO JavaScript

Just Saas code compiled to CSS, define the interaction with you favorite JS framework

- Watch an example + Watch an example
@@ -110,7 +110,7 @@

Just 35kb
Get started - Get involved + Get involved
diff --git a/package.json b/package.json index 5560616..1a61d6f 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "cactu", - "version": "0.17.0", + "version": "0.18.0", "description": "A Sass framework to create webs easily, created to be simple, semantic, fast to learn, customizable, and scalable", "scripts": { "start": "gulp sass:watch | bundle exec jekyll serve" @@ -24,7 +24,7 @@ "bugs": { "url": "https://github.com/mendozagioo/cactu/issues" }, - "homepage": "https://cactu.site", + "homepage": "http://cactu.site", "dependencies": {}, "devDependencies": { "gulp": "^3.9.1", diff --git a/scss/base/_reboot.scss b/scss/base/_reboot.scss index 287e86d..4b8c515 100644 --- a/scss/base/_reboot.scss +++ b/scss/base/_reboot.scss @@ -69,8 +69,8 @@ table { } // Reboot styles -// Mostly taken of Bootstrap -// Credit: http://getbootstrap.com/ +// Mostly taken from Bootstrap +// Credit: https://github.com/twbs/bootstrap/blob/v4-dev/scss/_reboot.scss // v4.1 // License: MIT // diff --git a/scss/cactu.scss b/scss/cactu.scss index ea6aadc..88e1302 100644 --- a/scss/cactu.scss +++ b/scss/cactu.scss @@ -1,7 +1,7 @@ /*! - * Cactu v0.17.0 (https://cactu.site/) + * Cactu v0.18.0 (http://cactu.site/) * Copyright 2018 Giovanni Mendoza - * Licensed under MIT (https://github.com/mendozagioo/cactu/LICENSE) + * Licensed under MIT (https://github.com/mendozagioo/cactu/blob/master/LICENSE) */ @import "base/global-variables"; diff --git a/scss/elements/_button.scss b/scss/elements/_button.scss index 2a517b2..2b8bbe1 100644 --- a/scss/elements/_button.scss +++ b/scss/elements/_button.scss @@ -40,30 +40,29 @@ button, vertical-align: middle; user-select: none; color: $button-color; - background-color: $button-background; border: $button-border; + background-color: $button-background; @include button-size($button-padding-y, $button-padding-x, $button-font-size, $button-line-height, $button-border-radius); @include transition($button-transition); // Share hover and focus styles - @include hover-focus { + &:hover { color: $button-color; text-decoration: none; - cursor: pointer; background-color: $button-hover-background; } &:focus, &.focus { outline: 0; + color: $button-color; + text-decoration: none; box-shadow: $button-focus-box-shadow; - background-color: $button-hover-background; } // Disabled comes first so active can properly restyle &.disabled, &:disabled { - cursor: not-allowed; opacity: $button-disabled-opacity; box-shadow: none; @@ -72,9 +71,15 @@ button, } } + // Only for selectable buttons + &:not(:disabled):not(.disabled) { + cursor: pointer; + } + &:not(:disabled):not(.disabled):active, &:not(:disabled):not(.disabled).active { background-image: none; + background-color: $button-hover-background; box-shadow: $button-active-box-shadow; &:focus { diff --git a/scss/functions/_colors.scss b/scss/functions/_colors.scss index c337c40..04bb8da 100644 --- a/scss/functions/_colors.scss +++ b/scss/functions/_colors.scss @@ -5,7 +5,10 @@ // Variables // -$theme-color-interval: 8%; +$theme-color-interval: 8% !default; +$yiq-text-dark: $text-color !default; +$yiq-text-light: $white !default; +$yiq-contrasted-threshold: 150 !default; @function theme-color-level($color: $gray-300, $level: 0) { @@ -13,4 +16,25 @@ $theme-color-interval: 8%; $level: abs($level); @return mix($color-base, $color, $level * $theme-color-interval); +} + + +// Color contrast +// Credit: Bootstrap functions +// https://github.com/twbs/bootstrap/blob/v4-dev/scss/_functions.scss +// v4.1.3 +// License: MIT +// +@function color-yiq($color) { + $r: red($color); + $g: green($color); + $b: blue($color); + + $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000; + + @if ($yiq >= $yiq-contrasted-threshold) { + @return $yiq-text-dark; + } @else { + @return $yiq-text-light; + } } \ No newline at end of file diff --git a/scss/mixins/_buttons.scss b/scss/mixins/_buttons.scss index ccf838d..f98d024 100644 --- a/scss/mixins/_buttons.scss +++ b/scss/mixins/_buttons.scss @@ -13,20 +13,21 @@ // Button theme -@mixin button-theme($color: $text-color, $background: $gray-200) { - $focus-box-shadow: 0 0 0 $outline-width darken($background, 20%) !default; - $active-box-shadow: inset 0 3px 5px rgba($black, .125) !default; +@mixin button-theme($background: $gray-200) { + $focus-box-shadow: 0 0 0 $outline-width darken($background, 15%); + $active-box-shadow: inset 0 3px 5px rgba($black, .125); - color: $color; + color: color-yiq($background); background-color: $background; - &:hover, - &:focus { + &:hover { + color: color-yiq($background); background-color: darken($background, 10%); } &:focus, &.focus { + color: color-yiq($background); box-shadow: $focus-box-shadow; } @@ -34,7 +35,7 @@ &:disabled { &:hover, &:focus { - color: $color; + color: color-yiq($background); background-color: $background; } } @@ -42,6 +43,51 @@ &:not(:disabled):not(.disabled):active, &:not(:disabled):not(.disabled).active { box-shadow: $active-box-shadow; + background-color: darken($background, 10%); + + &:focus { + box-shadow: $focus-box-shadow, $active-box-shadow; + } + } +} + +// Button contoured +@mixin button-outline($color: $text-color) { + $focus-box-shadow: 0 0 0 $outline-width lighten($color, 30%); + $active-box-shadow: inset 0 3px 5px rgba($black, .125); + + color: $color; + border-color: $color; + background-color: transparent; + + &:hover { + color: color-yiq($color); + border-color: $color; + background-color: $color; + } + + &:focus, + &.focus { + color: $color; + box-shadow: $focus-box-shadow; + + &:hover { color: color-yiq($color); } + } + + &.disabled, + &:disabled { + &:hover, + &:focus { + color: $color; + background-color: transparent; + } + } + + &:not(:disabled):not(.disabled):active, + &:not(:disabled):not(.disabled).active { + color: color-yiq($color); + background-color: $color; + box-shadow: $active-box-shadow; &:focus { box-shadow: $focus-box-shadow, $active-box-shadow;