diff --git a/.gitignore b/.gitignore index c486dc16..9e9e6b6c 100644 --- a/.gitignore +++ b/.gitignore @@ -10,4 +10,5 @@ /dist/ /docs/_build/ /htmlcov/ +/node_modules/ /wagtailstreamforms.egg-info/ \ No newline at end of file diff --git a/example/scss/_variables.scss b/example/scss/_variables.scss new file mode 100644 index 00000000..1c388630 --- /dev/null +++ b/example/scss/_variables.scss @@ -0,0 +1,7 @@ +// Variables +//–––––––––––––––––––––––––––––––––––––––––––––––––– + +/* +* start with a copy of the current varables file: +* https://github.com/AccentDesign/karma-css/blob/master/scss/_variables.scss +*/ \ No newline at end of file diff --git a/example/scss/karma.scss b/example/scss/karma.scss new file mode 100644 index 00000000..9a2abe8d --- /dev/null +++ b/example/scss/karma.scss @@ -0,0 +1,13 @@ +/*! Karma-CSS v1.5.0 MIT License | http://karmacss.com | https://github.com/accentdesign/karma-css */ + + +@import "variables"; + +/* karma-css core */ +@import "karma-css/scss/variables"; +@import "karma-css/scss/import"; + +/* add your custom modules here */ + +/* karma-css utilities */ +@import "karma-css/scss/utilities"; \ No newline at end of file diff --git a/example/settings.py b/example/settings.py index 95d48963..3743909e 100644 --- a/example/settings.py +++ b/example/settings.py @@ -1,17 +1,18 @@ -import os +from os import environ +from os.path import dirname, abspath, join from django.core.urlresolvers import reverse_lazy -BASE_DIR = os.path.dirname(os.path.dirname(os.path.dirname(os.path.abspath(__file__)))) +SITE_DIR = dirname(abspath(__file__)) # Security -SECRET_KEY = os.environ.get('SECRET_KEY', '') +SECRET_KEY = environ.get('SECRET_KEY', '') DEBUG = True -ALLOWED_HOSTS = [] + os.environ.get('ALLOWED_HOSTS', '').split(',') +ALLOWED_HOSTS = [] + environ.get('ALLOWED_HOSTS', '').split(',') # Application definition @@ -70,7 +71,7 @@ { 'BACKEND': 'django.template.backends.django.DjangoTemplates', 'DIRS': [ - os.path.join(BASE_DIR, 'templates'), + join(SITE_DIR, 'templates'), ], 'APP_DIRS': True, 'OPTIONS': { @@ -93,11 +94,11 @@ DATABASES = { 'default': { 'ENGINE': 'django.db.backends.postgresql_psycopg2', - 'HOST': os.environ.get('RDS_HOSTNAME'), - 'PORT': os.environ.get('RDS_PORT'), - 'NAME': os.environ.get('RDS_DB_NAME'), - 'USER': os.environ.get('RDS_USERNAME'), - 'PASSWORD': os.environ.get('RDS_PASSWORD'), + 'HOST': environ.get('RDS_HOSTNAME'), + 'PORT': environ.get('RDS_PORT'), + 'NAME': environ.get('RDS_DB_NAME'), + 'USER': environ.get('RDS_USERNAME'), + 'PASSWORD': environ.get('RDS_PASSWORD'), } } @@ -105,10 +106,10 @@ # Email DEFAULT_FROM_EMAIL = 'Django ' -EMAIL_HOST = os.environ.get('EMAIL_HOST') -EMAIL_PORT = os.environ.get('EMAIL_PORT') -EMAIL_HOST_USER = os.environ.get('EMAIL_HOST_USER') -EMAIL_HOST_PASSWORD = os.environ.get('EMAIL_HOST_PASSWORD') +EMAIL_HOST = environ.get('EMAIL_HOST') +EMAIL_PORT = environ.get('EMAIL_PORT') +EMAIL_HOST_USER = environ.get('EMAIL_HOST_USER') +EMAIL_HOST_PASSWORD = environ.get('EMAIL_HOST_PASSWORD') EMAIL_USE_TLS = False EMAIL_USE_SSL = False @@ -140,12 +141,9 @@ # Static files (CSS, JavaScript, Images) STATICFILES_DIRS = [ - os.path.join(BASE_DIR, "static"), + join(SITE_DIR, "static"), ] -STATIC_ROOT = os.path.join(BASE_DIR, "public/static") STATIC_URL = "/static/" - -MEDIA_ROOT = os.path.join(BASE_DIR, "public/media") MEDIA_URL = "/media/" diff --git a/example/static/css/karma.css b/example/static/css/karma.css new file mode 100644 index 00000000..65f5f3ef --- /dev/null +++ b/example/static/css/karma.css @@ -0,0 +1,1848 @@ +/*! Karma-CSS v1.5.0 MIT License | http://karmacss.com | https://github.com/accentdesign/karma-css */ +/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ +html{ + line-height:1.15; + -ms-text-size-adjust:100%; + -webkit-text-size-adjust:100%; } +body{ + margin:0; } +article, +aside, +footer, +header, +nav, +section{ + display:block; } +h1{ + font-size:2em; + margin:0.67em 0; } +figcaption, +figure, +main{ + display:block; } +figure{ + margin:1em 40px; } +hr{ + -webkit-box-sizing:content-box; + box-sizing:content-box; + height:0; + overflow:visible; } +pre{ + font-family:monospace, monospace; + font-size:1em; } +a{ + background-color:transparent; + -webkit-text-decoration-skip:objects; } +abbr[title]{ + border-bottom:none; + text-decoration:underline; + -webkit-text-decoration:underline dotted; + text-decoration:underline dotted; } +b, +strong{ + font-weight:inherit; + font-weight:bolder; } +code, +kbd, +samp{ + font-family:monospace, monospace; + font-size:1em; } +dfn{ + font-style:italic; } +mark{ + background-color:#ff0; + color:#000; } +small{ + font-size:80%; } +sub, +sup{ + font-size:75%; + line-height:0; + position:relative; + vertical-align:baseline; } + +sub{ + bottom:-0.25em; } + +sup{ + top:-0.5em; } +audio, +video{ + display:inline-block; } +audio:not([controls]){ + display:none; + height:0; } +img{ + border-style:none; } +svg:not(:root){ + overflow:hidden; } +button, +input, +optgroup, +select, +textarea{ + font-family:"Open Sans", sans-serif; + font-size:100%; + line-height:1.15; + margin:0; } +button, +input{ + overflow:visible; } +button, +select{ + text-transform:none; } +button, +html [type="button"], +[type="reset"], +[type="submit"]{ + -webkit-appearance:button; } +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner{ + border-style:none; + padding:0; } +button:-moz-focusring, +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring{ + outline:1px dotted ButtonText; } +fieldset{ + padding:0.35em 0.75em 0.625em; } +legend{ + -webkit-box-sizing:border-box; + box-sizing:border-box; + color:inherit; + display:table; + max-width:100%; + padding:0; + white-space:normal; } +progress{ + display:inline-block; + vertical-align:baseline; } +textarea{ + overflow:auto; } +[type="checkbox"], +[type="radio"]{ + -webkit-box-sizing:border-box; + box-sizing:border-box; + padding:0; } +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button{ + height:auto; } +[type="search"]{ + -webkit-appearance:textfield; + outline-offset:-2px; } +[type="search"]::-webkit-search-cancel-button, +[type="search"]::-webkit-search-decoration{ + -webkit-appearance:none; } +::-webkit-file-upload-button{ + -webkit-appearance:button; + font:inherit; } +details, +menu{ + display:block; } +summary{ + display:list-item; } +canvas{ + display:inline-block; } +template,[hidden]{ + display:none; } +.container{ + margin-right:auto; + margin-left:auto; + padding-right:15px; + padding-left:15px; } + @media (min-width: 576px){ + .container{ + width:540px; + max-width:100%; } } + @media (min-width: 768px){ + .container{ + width:720px; + max-width:100%; } } + @media (min-width: 992px){ + .container{ + width:960px; + max-width:100%; } } + @media (min-width: 1200px){ + .container{ + width:1140px; + max-width:100%; } } + +.container-fluid{ + width:100%; + margin-right:auto; + margin-left:auto; + padding-right:15px; + padding-left:15px; } + +.row{ + display:-webkit-box; + display:-webkit-flex; + display:-ms-flexbox; + display:flex; + -webkit-flex-wrap:wrap; + -ms-flex-wrap:wrap; + flex-wrap:wrap; + margin-right:-15px; + margin-left:-15px; } + +.no-gutters{ + margin-right:0; + margin-left:0; } + .no-gutters > .col, + .no-gutters > [class*="col-"]{ + padding-right:0; + padding-left:0; } + +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, +.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, +.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, +.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, +.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, +.col-xl-auto{ + position:relative; + width:100%; + min-height:1px; + padding-right:15px; + padding-left:15px; } + +.col{ + -webkit-flex-basis:0; + -ms-flex-preferred-size:0; + flex-basis:0; + -webkit-box-flex:1; + -webkit-flex-grow:1; + -ms-flex-positive:1; + flex-grow:1; + max-width:100%; } + +.col-auto{ + -webkit-box-flex:0; + -webkit-flex:0 0 auto; + -ms-flex:0 0 auto; + flex:0 0 auto; + width:auto; + max-width:none; } + +.col-1{ + -webkit-box-flex:0; + -webkit-flex:0 0 8.33333%; + -ms-flex:0 0 8.33333%; + flex:0 0 8.33333%; + max-width:8.33333%; } + +.col-2{ + -webkit-box-flex:0; + -webkit-flex:0 0 16.66667%; + -ms-flex:0 0 16.66667%; + flex:0 0 16.66667%; + max-width:16.66667%; } + +.col-3{ + -webkit-box-flex:0; + -webkit-flex:0 0 25%; + -ms-flex:0 0 25%; + flex:0 0 25%; + max-width:25%; } + +.col-4{ + -webkit-box-flex:0; + -webkit-flex:0 0 33.33333%; + -ms-flex:0 0 33.33333%; + flex:0 0 33.33333%; + max-width:33.33333%; } + +.col-5{ + -webkit-box-flex:0; + -webkit-flex:0 0 41.66667%; + -ms-flex:0 0 41.66667%; + flex:0 0 41.66667%; + max-width:41.66667%; } + +.col-6{ + -webkit-box-flex:0; + -webkit-flex:0 0 50%; + -ms-flex:0 0 50%; + flex:0 0 50%; + max-width:50%; } + +.col-7{ + -webkit-box-flex:0; + -webkit-flex:0 0 58.33333%; + -ms-flex:0 0 58.33333%; + flex:0 0 58.33333%; + max-width:58.33333%; } + +.col-8{ + -webkit-box-flex:0; + -webkit-flex:0 0 66.66667%; + -ms-flex:0 0 66.66667%; + flex:0 0 66.66667%; + max-width:66.66667%; } + +.col-9{ + -webkit-box-flex:0; + -webkit-flex:0 0 75%; + -ms-flex:0 0 75%; + flex:0 0 75%; + max-width:75%; } + +.col-10{ + -webkit-box-flex:0; + -webkit-flex:0 0 83.33333%; + -ms-flex:0 0 83.33333%; + flex:0 0 83.33333%; + max-width:83.33333%; } + +.col-11{ + -webkit-box-flex:0; + -webkit-flex:0 0 91.66667%; + -ms-flex:0 0 91.66667%; + flex:0 0 91.66667%; + max-width:91.66667%; } + +.col-12{ + -webkit-box-flex:0; + -webkit-flex:0 0 100%; + -ms-flex:0 0 100%; + flex:0 0 100%; + max-width:100%; } + +.order-1{ + -webkit-box-ordinal-group:2; + -webkit-order:1; + -ms-flex-order:1; + order:1; } + +.order-2{ + -webkit-box-ordinal-group:3; + -webkit-order:2; + -ms-flex-order:2; + order:2; } + +.order-3{ + -webkit-box-ordinal-group:4; + -webkit-order:3; + -ms-flex-order:3; + order:3; } + +.order-4{ + -webkit-box-ordinal-group:5; + -webkit-order:4; + -ms-flex-order:4; + order:4; } + +.order-5{ + -webkit-box-ordinal-group:6; + -webkit-order:5; + -ms-flex-order:5; + order:5; } + +.order-6{ + -webkit-box-ordinal-group:7; + -webkit-order:6; + -ms-flex-order:6; + order:6; } + +.order-7{ + -webkit-box-ordinal-group:8; + -webkit-order:7; + -ms-flex-order:7; + order:7; } + +.order-8{ + -webkit-box-ordinal-group:9; + -webkit-order:8; + -ms-flex-order:8; + order:8; } + +.order-9{ + -webkit-box-ordinal-group:10; + -webkit-order:9; + -ms-flex-order:9; + order:9; } + +.order-10{ + -webkit-box-ordinal-group:11; + -webkit-order:10; + -ms-flex-order:10; + order:10; } + +.order-11{ + -webkit-box-ordinal-group:12; + -webkit-order:11; + -ms-flex-order:11; + order:11; } + +.order-12{ + -webkit-box-ordinal-group:13; + -webkit-order:12; + -ms-flex-order:12; + order:12; } + +.offset-1{ + margin-left:8.33333%; } + +.offset-2{ + margin-left:16.66667%; } + +.offset-3{ + margin-left:25%; } + +.offset-4{ + margin-left:33.33333%; } + +.offset-5{ + margin-left:41.66667%; } + +.offset-6{ + margin-left:50%; } + +.offset-7{ + margin-left:58.33333%; } + +.offset-8{ + margin-left:66.66667%; } + +.offset-9{ + margin-left:75%; } + +.offset-10{ + margin-left:83.33333%; } + +.offset-11{ + margin-left:91.66667%; } + +@media (min-width: 576px){ + .col-sm{ + -webkit-flex-basis:0; + -ms-flex-preferred-size:0; + flex-basis:0; + -webkit-box-flex:1; + -webkit-flex-grow:1; + -ms-flex-positive:1; + flex-grow:1; + max-width:100%; } + .col-sm-auto{ + -webkit-box-flex:0; + -webkit-flex:0 0 auto; + -ms-flex:0 0 auto; + flex:0 0 auto; + width:auto; + max-width:none; } + .col-sm-1{ + -webkit-box-flex:0; + -webkit-flex:0 0 8.33333%; + -ms-flex:0 0 8.33333%; + flex:0 0 8.33333%; + max-width:8.33333%; } + .col-sm-2{ + -webkit-box-flex:0; + -webkit-flex:0 0 16.66667%; + -ms-flex:0 0 16.66667%; + flex:0 0 16.66667%; + max-width:16.66667%; } + .col-sm-3{ + -webkit-box-flex:0; + -webkit-flex:0 0 25%; + -ms-flex:0 0 25%; + flex:0 0 25%; + max-width:25%; } + .col-sm-4{ + -webkit-box-flex:0; + -webkit-flex:0 0 33.33333%; + -ms-flex:0 0 33.33333%; + flex:0 0 33.33333%; + max-width:33.33333%; } + .col-sm-5{ + -webkit-box-flex:0; + -webkit-flex:0 0 41.66667%; + -ms-flex:0 0 41.66667%; + flex:0 0 41.66667%; + max-width:41.66667%; } + .col-sm-6{ + -webkit-box-flex:0; + -webkit-flex:0 0 50%; + -ms-flex:0 0 50%; + flex:0 0 50%; + max-width:50%; } + .col-sm-7{ + -webkit-box-flex:0; + -webkit-flex:0 0 58.33333%; + -ms-flex:0 0 58.33333%; + flex:0 0 58.33333%; + max-width:58.33333%; } + .col-sm-8{ + -webkit-box-flex:0; + -webkit-flex:0 0 66.66667%; + -ms-flex:0 0 66.66667%; + flex:0 0 66.66667%; + max-width:66.66667%; } + .col-sm-9{ + -webkit-box-flex:0; + -webkit-flex:0 0 75%; + -ms-flex:0 0 75%; + flex:0 0 75%; + max-width:75%; } + .col-sm-10{ + -webkit-box-flex:0; + -webkit-flex:0 0 83.33333%; + -ms-flex:0 0 83.33333%; + flex:0 0 83.33333%; + max-width:83.33333%; } + .col-sm-11{ + -webkit-box-flex:0; + -webkit-flex:0 0 91.66667%; + -ms-flex:0 0 91.66667%; + flex:0 0 91.66667%; + max-width:91.66667%; } + .col-sm-12{ + -webkit-box-flex:0; + -webkit-flex:0 0 100%; + -ms-flex:0 0 100%; + flex:0 0 100%; + max-width:100%; } + .order-sm-1{ + -webkit-box-ordinal-group:2; + -webkit-order:1; + -ms-flex-order:1; + order:1; } + .order-sm-2{ + -webkit-box-ordinal-group:3; + -webkit-order:2; + -ms-flex-order:2; + order:2; } + .order-sm-3{ + -webkit-box-ordinal-group:4; + -webkit-order:3; + -ms-flex-order:3; + order:3; } + .order-sm-4{ + -webkit-box-ordinal-group:5; + -webkit-order:4; + -ms-flex-order:4; + order:4; } + .order-sm-5{ + -webkit-box-ordinal-group:6; + -webkit-order:5; + -ms-flex-order:5; + order:5; } + .order-sm-6{ + -webkit-box-ordinal-group:7; + -webkit-order:6; + -ms-flex-order:6; + order:6; } + .order-sm-7{ + -webkit-box-ordinal-group:8; + -webkit-order:7; + -ms-flex-order:7; + order:7; } + .order-sm-8{ + -webkit-box-ordinal-group:9; + -webkit-order:8; + -ms-flex-order:8; + order:8; } + .order-sm-9{ + -webkit-box-ordinal-group:10; + -webkit-order:9; + -ms-flex-order:9; + order:9; } + .order-sm-10{ + -webkit-box-ordinal-group:11; + -webkit-order:10; + -ms-flex-order:10; + order:10; } + .order-sm-11{ + -webkit-box-ordinal-group:12; + -webkit-order:11; + -ms-flex-order:11; + order:11; } + .order-sm-12{ + -webkit-box-ordinal-group:13; + -webkit-order:12; + -ms-flex-order:12; + order:12; } + .offset-sm-1{ + margin-left:8.33333%; } + .offset-sm-2{ + margin-left:16.66667%; } + .offset-sm-3{ + margin-left:25%; } + .offset-sm-4{ + margin-left:33.33333%; } + .offset-sm-5{ + margin-left:41.66667%; } + .offset-sm-6{ + margin-left:50%; } + .offset-sm-7{ + margin-left:58.33333%; } + .offset-sm-8{ + margin-left:66.66667%; } + .offset-sm-9{ + margin-left:75%; } + .offset-sm-10{ + margin-left:83.33333%; } + .offset-sm-11{ + margin-left:91.66667%; } } + +@media (min-width: 768px){ + .col-md{ + -webkit-flex-basis:0; + -ms-flex-preferred-size:0; + flex-basis:0; + -webkit-box-flex:1; + -webkit-flex-grow:1; + -ms-flex-positive:1; + flex-grow:1; + max-width:100%; } + .col-md-auto{ + -webkit-box-flex:0; + -webkit-flex:0 0 auto; + -ms-flex:0 0 auto; + flex:0 0 auto; + width:auto; + max-width:none; } + .col-md-1{ + -webkit-box-flex:0; + -webkit-flex:0 0 8.33333%; + -ms-flex:0 0 8.33333%; + flex:0 0 8.33333%; + max-width:8.33333%; } + .col-md-2{ + -webkit-box-flex:0; + -webkit-flex:0 0 16.66667%; + -ms-flex:0 0 16.66667%; + flex:0 0 16.66667%; + max-width:16.66667%; } + .col-md-3{ + -webkit-box-flex:0; + -webkit-flex:0 0 25%; + -ms-flex:0 0 25%; + flex:0 0 25%; + max-width:25%; } + .col-md-4{ + -webkit-box-flex:0; + -webkit-flex:0 0 33.33333%; + -ms-flex:0 0 33.33333%; + flex:0 0 33.33333%; + max-width:33.33333%; } + .col-md-5{ + -webkit-box-flex:0; + -webkit-flex:0 0 41.66667%; + -ms-flex:0 0 41.66667%; + flex:0 0 41.66667%; + max-width:41.66667%; } + .col-md-6{ + -webkit-box-flex:0; + -webkit-flex:0 0 50%; + -ms-flex:0 0 50%; + flex:0 0 50%; + max-width:50%; } + .col-md-7{ + -webkit-box-flex:0; + -webkit-flex:0 0 58.33333%; + -ms-flex:0 0 58.33333%; + flex:0 0 58.33333%; + max-width:58.33333%; } + .col-md-8{ + -webkit-box-flex:0; + -webkit-flex:0 0 66.66667%; + -ms-flex:0 0 66.66667%; + flex:0 0 66.66667%; + max-width:66.66667%; } + .col-md-9{ + -webkit-box-flex:0; + -webkit-flex:0 0 75%; + -ms-flex:0 0 75%; + flex:0 0 75%; + max-width:75%; } + .col-md-10{ + -webkit-box-flex:0; + -webkit-flex:0 0 83.33333%; + -ms-flex:0 0 83.33333%; + flex:0 0 83.33333%; + max-width:83.33333%; } + .col-md-11{ + -webkit-box-flex:0; + -webkit-flex:0 0 91.66667%; + -ms-flex:0 0 91.66667%; + flex:0 0 91.66667%; + max-width:91.66667%; } + .col-md-12{ + -webkit-box-flex:0; + -webkit-flex:0 0 100%; + -ms-flex:0 0 100%; + flex:0 0 100%; + max-width:100%; } + .order-md-1{ + -webkit-box-ordinal-group:2; + -webkit-order:1; + -ms-flex-order:1; + order:1; } + .order-md-2{ + -webkit-box-ordinal-group:3; + -webkit-order:2; + -ms-flex-order:2; + order:2; } + .order-md-3{ + -webkit-box-ordinal-group:4; + -webkit-order:3; + -ms-flex-order:3; + order:3; } + .order-md-4{ + -webkit-box-ordinal-group:5; + -webkit-order:4; + -ms-flex-order:4; + order:4; } + .order-md-5{ + -webkit-box-ordinal-group:6; + -webkit-order:5; + -ms-flex-order:5; + order:5; } + .order-md-6{ + -webkit-box-ordinal-group:7; + -webkit-order:6; + -ms-flex-order:6; + order:6; } + .order-md-7{ + -webkit-box-ordinal-group:8; + -webkit-order:7; + -ms-flex-order:7; + order:7; } + .order-md-8{ + -webkit-box-ordinal-group:9; + -webkit-order:8; + -ms-flex-order:8; + order:8; } + .order-md-9{ + -webkit-box-ordinal-group:10; + -webkit-order:9; + -ms-flex-order:9; + order:9; } + .order-md-10{ + -webkit-box-ordinal-group:11; + -webkit-order:10; + -ms-flex-order:10; + order:10; } + .order-md-11{ + -webkit-box-ordinal-group:12; + -webkit-order:11; + -ms-flex-order:11; + order:11; } + .order-md-12{ + -webkit-box-ordinal-group:13; + -webkit-order:12; + -ms-flex-order:12; + order:12; } + .offset-md-1{ + margin-left:8.33333%; } + .offset-md-2{ + margin-left:16.66667%; } + .offset-md-3{ + margin-left:25%; } + .offset-md-4{ + margin-left:33.33333%; } + .offset-md-5{ + margin-left:41.66667%; } + .offset-md-6{ + margin-left:50%; } + .offset-md-7{ + margin-left:58.33333%; } + .offset-md-8{ + margin-left:66.66667%; } + .offset-md-9{ + margin-left:75%; } + .offset-md-10{ + margin-left:83.33333%; } + .offset-md-11{ + margin-left:91.66667%; } } + +@media (min-width: 992px){ + .col-lg{ + -webkit-flex-basis:0; + -ms-flex-preferred-size:0; + flex-basis:0; + -webkit-box-flex:1; + -webkit-flex-grow:1; + -ms-flex-positive:1; + flex-grow:1; + max-width:100%; } + .col-lg-auto{ + -webkit-box-flex:0; + -webkit-flex:0 0 auto; + -ms-flex:0 0 auto; + flex:0 0 auto; + width:auto; + max-width:none; } + .col-lg-1{ + -webkit-box-flex:0; + -webkit-flex:0 0 8.33333%; + -ms-flex:0 0 8.33333%; + flex:0 0 8.33333%; + max-width:8.33333%; } + .col-lg-2{ + -webkit-box-flex:0; + -webkit-flex:0 0 16.66667%; + -ms-flex:0 0 16.66667%; + flex:0 0 16.66667%; + max-width:16.66667%; } + .col-lg-3{ + -webkit-box-flex:0; + -webkit-flex:0 0 25%; + -ms-flex:0 0 25%; + flex:0 0 25%; + max-width:25%; } + .col-lg-4{ + -webkit-box-flex:0; + -webkit-flex:0 0 33.33333%; + -ms-flex:0 0 33.33333%; + flex:0 0 33.33333%; + max-width:33.33333%; } + .col-lg-5{ + -webkit-box-flex:0; + -webkit-flex:0 0 41.66667%; + -ms-flex:0 0 41.66667%; + flex:0 0 41.66667%; + max-width:41.66667%; } + .col-lg-6{ + -webkit-box-flex:0; + -webkit-flex:0 0 50%; + -ms-flex:0 0 50%; + flex:0 0 50%; + max-width:50%; } + .col-lg-7{ + -webkit-box-flex:0; + -webkit-flex:0 0 58.33333%; + -ms-flex:0 0 58.33333%; + flex:0 0 58.33333%; + max-width:58.33333%; } + .col-lg-8{ + -webkit-box-flex:0; + -webkit-flex:0 0 66.66667%; + -ms-flex:0 0 66.66667%; + flex:0 0 66.66667%; + max-width:66.66667%; } + .col-lg-9{ + -webkit-box-flex:0; + -webkit-flex:0 0 75%; + -ms-flex:0 0 75%; + flex:0 0 75%; + max-width:75%; } + .col-lg-10{ + -webkit-box-flex:0; + -webkit-flex:0 0 83.33333%; + -ms-flex:0 0 83.33333%; + flex:0 0 83.33333%; + max-width:83.33333%; } + .col-lg-11{ + -webkit-box-flex:0; + -webkit-flex:0 0 91.66667%; + -ms-flex:0 0 91.66667%; + flex:0 0 91.66667%; + max-width:91.66667%; } + .col-lg-12{ + -webkit-box-flex:0; + -webkit-flex:0 0 100%; + -ms-flex:0 0 100%; + flex:0 0 100%; + max-width:100%; } + .order-lg-1{ + -webkit-box-ordinal-group:2; + -webkit-order:1; + -ms-flex-order:1; + order:1; } + .order-lg-2{ + -webkit-box-ordinal-group:3; + -webkit-order:2; + -ms-flex-order:2; + order:2; } + .order-lg-3{ + -webkit-box-ordinal-group:4; + -webkit-order:3; + -ms-flex-order:3; + order:3; } + .order-lg-4{ + -webkit-box-ordinal-group:5; + -webkit-order:4; + -ms-flex-order:4; + order:4; } + .order-lg-5{ + -webkit-box-ordinal-group:6; + -webkit-order:5; + -ms-flex-order:5; + order:5; } + .order-lg-6{ + -webkit-box-ordinal-group:7; + -webkit-order:6; + -ms-flex-order:6; + order:6; } + .order-lg-7{ + -webkit-box-ordinal-group:8; + -webkit-order:7; + -ms-flex-order:7; + order:7; } + .order-lg-8{ + -webkit-box-ordinal-group:9; + -webkit-order:8; + -ms-flex-order:8; + order:8; } + .order-lg-9{ + -webkit-box-ordinal-group:10; + -webkit-order:9; + -ms-flex-order:9; + order:9; } + .order-lg-10{ + -webkit-box-ordinal-group:11; + -webkit-order:10; + -ms-flex-order:10; + order:10; } + .order-lg-11{ + -webkit-box-ordinal-group:12; + -webkit-order:11; + -ms-flex-order:11; + order:11; } + .order-lg-12{ + -webkit-box-ordinal-group:13; + -webkit-order:12; + -ms-flex-order:12; + order:12; } + .offset-lg-1{ + margin-left:8.33333%; } + .offset-lg-2{ + margin-left:16.66667%; } + .offset-lg-3{ + margin-left:25%; } + .offset-lg-4{ + margin-left:33.33333%; } + .offset-lg-5{ + margin-left:41.66667%; } + .offset-lg-6{ + margin-left:50%; } + .offset-lg-7{ + margin-left:58.33333%; } + .offset-lg-8{ + margin-left:66.66667%; } + .offset-lg-9{ + margin-left:75%; } + .offset-lg-10{ + margin-left:83.33333%; } + .offset-lg-11{ + margin-left:91.66667%; } } + +@media (min-width: 1200px){ + .col-xl{ + -webkit-flex-basis:0; + -ms-flex-preferred-size:0; + flex-basis:0; + -webkit-box-flex:1; + -webkit-flex-grow:1; + -ms-flex-positive:1; + flex-grow:1; + max-width:100%; } + .col-xl-auto{ + -webkit-box-flex:0; + -webkit-flex:0 0 auto; + -ms-flex:0 0 auto; + flex:0 0 auto; + width:auto; + max-width:none; } + .col-xl-1{ + -webkit-box-flex:0; + -webkit-flex:0 0 8.33333%; + -ms-flex:0 0 8.33333%; + flex:0 0 8.33333%; + max-width:8.33333%; } + .col-xl-2{ + -webkit-box-flex:0; + -webkit-flex:0 0 16.66667%; + -ms-flex:0 0 16.66667%; + flex:0 0 16.66667%; + max-width:16.66667%; } + .col-xl-3{ + -webkit-box-flex:0; + -webkit-flex:0 0 25%; + -ms-flex:0 0 25%; + flex:0 0 25%; + max-width:25%; } + .col-xl-4{ + -webkit-box-flex:0; + -webkit-flex:0 0 33.33333%; + -ms-flex:0 0 33.33333%; + flex:0 0 33.33333%; + max-width:33.33333%; } + .col-xl-5{ + -webkit-box-flex:0; + -webkit-flex:0 0 41.66667%; + -ms-flex:0 0 41.66667%; + flex:0 0 41.66667%; + max-width:41.66667%; } + .col-xl-6{ + -webkit-box-flex:0; + -webkit-flex:0 0 50%; + -ms-flex:0 0 50%; + flex:0 0 50%; + max-width:50%; } + .col-xl-7{ + -webkit-box-flex:0; + -webkit-flex:0 0 58.33333%; + -ms-flex:0 0 58.33333%; + flex:0 0 58.33333%; + max-width:58.33333%; } + .col-xl-8{ + -webkit-box-flex:0; + -webkit-flex:0 0 66.66667%; + -ms-flex:0 0 66.66667%; + flex:0 0 66.66667%; + max-width:66.66667%; } + .col-xl-9{ + -webkit-box-flex:0; + -webkit-flex:0 0 75%; + -ms-flex:0 0 75%; + flex:0 0 75%; + max-width:75%; } + .col-xl-10{ + -webkit-box-flex:0; + -webkit-flex:0 0 83.33333%; + -ms-flex:0 0 83.33333%; + flex:0 0 83.33333%; + max-width:83.33333%; } + .col-xl-11{ + -webkit-box-flex:0; + -webkit-flex:0 0 91.66667%; + -ms-flex:0 0 91.66667%; + flex:0 0 91.66667%; + max-width:91.66667%; } + .col-xl-12{ + -webkit-box-flex:0; + -webkit-flex:0 0 100%; + -ms-flex:0 0 100%; + flex:0 0 100%; + max-width:100%; } + .order-xl-1{ + -webkit-box-ordinal-group:2; + -webkit-order:1; + -ms-flex-order:1; + order:1; } + .order-xl-2{ + -webkit-box-ordinal-group:3; + -webkit-order:2; + -ms-flex-order:2; + order:2; } + .order-xl-3{ + -webkit-box-ordinal-group:4; + -webkit-order:3; + -ms-flex-order:3; + order:3; } + .order-xl-4{ + -webkit-box-ordinal-group:5; + -webkit-order:4; + -ms-flex-order:4; + order:4; } + .order-xl-5{ + -webkit-box-ordinal-group:6; + -webkit-order:5; + -ms-flex-order:5; + order:5; } + .order-xl-6{ + -webkit-box-ordinal-group:7; + -webkit-order:6; + -ms-flex-order:6; + order:6; } + .order-xl-7{ + -webkit-box-ordinal-group:8; + -webkit-order:7; + -ms-flex-order:7; + order:7; } + .order-xl-8{ + -webkit-box-ordinal-group:9; + -webkit-order:8; + -ms-flex-order:8; + order:8; } + .order-xl-9{ + -webkit-box-ordinal-group:10; + -webkit-order:9; + -ms-flex-order:9; + order:9; } + .order-xl-10{ + -webkit-box-ordinal-group:11; + -webkit-order:10; + -ms-flex-order:10; + order:10; } + .order-xl-11{ + -webkit-box-ordinal-group:12; + -webkit-order:11; + -ms-flex-order:11; + order:11; } + .order-xl-12{ + -webkit-box-ordinal-group:13; + -webkit-order:12; + -ms-flex-order:12; + order:12; } + .offset-xl-1{ + margin-left:8.33333%; } + .offset-xl-2{ + margin-left:16.66667%; } + .offset-xl-3{ + margin-left:25%; } + .offset-xl-4{ + margin-left:33.33333%; } + .offset-xl-5{ + margin-left:41.66667%; } + .offset-xl-6{ + margin-left:50%; } + .offset-xl-7{ + margin-left:58.33333%; } + .offset-xl-8{ + margin-left:66.66667%; } + .offset-xl-9{ + margin-left:75%; } + .offset-xl-10{ + margin-left:83.33333%; } + .offset-xl-11{ + margin-left:91.66667%; } } +*, *::before, *::after{ + -webkit-box-sizing:border-box; + box-sizing:border-box; } +html{ + font-size:62.5%; } + +body{ + font-size:15px; + line-height:1.6; + font-weight:400; + font-family:"Open Sans", sans-serif; + color:#3e3e3e; + background:white; } + +a{ + color:#33c3f0; + -webkit-transition:all ease-in-out 250ms; + -o-transition:all ease-in-out 250ms; + transition:all ease-in-out 250ms; } + a,a:hover{ + text-decoration:none; } + a:hover{ + color:#10aee0; } + +.button{ + display:inline-block; + padding:1rem 1rem; + text-align:center; + font-family:"Open Sans", sans-serif; + font-size:1.5rem; + font-weight:400; + line-height:1.25; + text-decoration:none; + white-space:nowrap; + border-radius:0.25rem; + border:1px solid #e6e6e6; + cursor:pointer; + -webkit-box-sizing:border-box; + box-sizing:border-box; + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none; + -webkit-transition:all ease-in-out 250ms; + -o-transition:all ease-in-out 250ms; + transition:all ease-in-out 250ms; } + .button,.button:hover, .button:focus{ + color:#3e3e3e; + background-color:white; } + .button:hover, .button:focus{ + border-color:#cdcdcd; + outline:0; } + +.button.button-primary{ + color:white; + background-color:#33c3f0; + border-color:#1bbcee; } + .button.button-primary:hover, .button.button-primary:focus{ + color:white; + background-color:#10aee0; + border-color:#0f9cc8; + outline:0; } + +.button.button-secondary{ + color:#111111; + background-color:#f0f0f0; + border-color:#e3e3e3; } + .button.button-secondary:hover, .button.button-secondary:focus{ + color:#111111; + background-color:#d7d7d7; + border-color:#cacaca; + outline:0; } + +code{ + font-family:monospace, monospace; + padding:.2rem .5rem; + font-size:90%; + white-space:nowrap; + background:#f0f0f0; + border:1px solid #e6e6e6; + border-radius:0.25rem; } + +pre{ + margin-top:0; } + +pre > code{ + padding:1rem 1.5rem; + display:block; + white-space:pre; + overflow-x:auto; } + +*[disabled]{ + cursor:not-allowed; } + +input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="week"]{ + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; + font-size:1.5rem; + color:#3e3e3e; + padding:1rem 1rem; + line-height:1.25; + background:white; + -webkit-box-shadow:none; + box-shadow:none; + -webkit-box-sizing:border-box; + box-sizing:border-box; + margin-bottom:1.5rem; + border:1px solid #e6e6e6; + border-radius:0.25rem; + -webkit-transition:all ease-in-out 250ms; + -o-transition:all ease-in-out 250ms; + transition:all ease-in-out 250ms; + font-size:1.5rem; + padding:1rem 1rem; + height:4rem; + max-width:100%; } + input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="week"]:focus{ + background:white; + border-color:#33c3f0; + outline:0; } + +textarea{ + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; + font-size:1.5rem; + color:#3e3e3e; + padding:1rem 1rem; + line-height:1.25; + background:white; + -webkit-box-shadow:none; + box-shadow:none; + -webkit-box-sizing:border-box; + box-sizing:border-box; + margin-bottom:1.5rem; + border:1px solid #e6e6e6; + border-radius:0.25rem; + -webkit-transition:all ease-in-out 250ms; + -o-transition:all ease-in-out 250ms; + transition:all ease-in-out 250ms; + max-width:100%; } + textarea:focus{ + background:white; + border-color:#33c3f0; + outline:0; } + +select{ + font-size:1.5rem; + color:#3e3e3e; + padding:1rem 1rem; + line-height:1.25; + background:white; + -webkit-box-shadow:none; + box-shadow:none; + -webkit-box-sizing:border-box; + box-sizing:border-box; + margin-bottom:1.5rem; + border:1px solid #e6e6e6; + border-radius:0.25rem; + -webkit-transition:all ease-in-out 250ms; + -o-transition:all ease-in-out 250ms; + transition:all ease-in-out 250ms; + font-size:1.5rem; + padding:1rem 1rem; + height:4rem; + max-width:100%; } + select:focus{ + background:white; + border-color:#33c3f0; + outline:0; } + select[multiple]{ + height:auto; } + +label, +legend{ + display:block; + margin-bottom:.5rem; + font-weight:600; } + +fieldset{ + padding:0; + border-width:0; + margin-bottom:1.5rem; } + +input[type="checkbox"], input[type="radio"]{ + margin-right:1.5rem; + display:inline; } + +label.checkbox, label.radio,.radio label, +.checkbox label{ + font-weight:normal; } + +hr{ + margin:1.5rem 0; + border-width:0; + border-top:1px solid #e6e6e6; } + +ul{ + padding-left:0; + margin-top:0; + list-style:circle inside; } + ul ul, ul ol{ + margin:0 0 0 2rem; } + +ol{ + padding-left:0; + margin-top:0; + list-style:decimal inside; } + ol ol, ol ul{ + margin:0 0 0 2rem; } + +pre, +dl, +figure, +table, +p, +ul, +ol, +form{ + margin-bottom:1.5rem; } + +table{ + width:100%; + max-width:100%; + border-collapse:collapse; + border-spacing:0; } + +th, +td{ + padding:0.85rem 0.85rem; + text-align:left; } + +td{ + border-top:1px solid #e6e6e6; } + +.table-bordered{ + border:solid 1px #e6e6e6; } + +.table-headed th{ + background-color:#f0f0f0; } + +.table-striped tbody tr:nth-child(odd){ + background-color:#fafafa; } + +.table-hover tbody tr:hover{ + background-color:whitesmoke; } + +h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{ + margin:0 0 1rem; + font-weight:400; } + h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small{ + font-size:65%; + line-height:1; } + +h1, .h1{ + font-size:30px; + line-height:1.2; } + +h2, .h2{ + font-size:22.5px; + line-height:1.25; } + +h3, .h3{ + font-size:17.55px; + line-height:1.3; } + +h4, .h4{ + font-size:15px; + line-height:1.35; } + +h5, .h5{ + font-size:12.45px; + line-height:1.5; } + +h6, .h6{ + font-size:10.05px; + line-height:1.6; } + +p{ + margin-top:0; } + +blockquote{ + margin:0 0 1.5rem; + padding:1rem 1.5rem; + border-left:3px solid #e6e6e6; } +.b-white{ + background-color:white; } + +.c-white{ + color:white; } + +.b-black{ + background-color:#111111; } + +.c-black{ + color:#111111; } + +.b-primary{ + background-color:#33c3f0; } + +.c-primary{ + color:#33c3f0; } + +.b-secondary{ + background-color:#f0f0f0; } + +.c-secondary{ + color:#f0f0f0; } + +.b-aqua{ + background-color:#7fdbff; } + +.c-aqua{ + color:#7fdbff; } + +.b-blue{ + background-color:#0074d9; } + +.c-blue{ + color:#0074d9; } + +.b-navy{ + background-color:#001f3f; } + +.c-navy{ + color:#001f3f; } + +.b-teal{ + background-color:#39cccc; } + +.c-teal{ + color:#39cccc; } + +.b-green{ + background-color:#2ecc40; } + +.c-green{ + color:#2ecc40; } + +.b-olive{ + background-color:#3d9970; } + +.c-olive{ + color:#3d9970; } + +.b-lime{ + background-color:#01ff70; } + +.c-lime{ + color:#01ff70; } + +.b-yellow{ + background-color:#ffdc00; } + +.c-yellow{ + color:#ffdc00; } + +.b-orange{ + background-color:#ff851b; } + +.c-orange{ + color:#ff851b; } + +.b-red{ + background-color:#ff4136; } + +.c-red{ + color:#ff4136; } + +.b-fuchsia{ + background-color:#f012be; } + +.c-fuchsia{ + color:#f012be; } + +.b-purple{ + background-color:#b10dc9; } + +.c-purple{ + color:#b10dc9; } + +.b-maroon{ + background-color:#85144b; } + +.c-maroon{ + color:#85144b; } + +.b-silver{ + background-color:#dddddd; } + +.c-silver{ + color:#dddddd; } + +.b-gray{ + background-color:#aaaaaa; } + +.c-gray{ + color:#aaaaaa; } + +.b-facebook{ + background-color:#3b5999; } + +.c-facebook{ + color:#3b5999; } + +.b-twitter{ + background-color:#55acee; } + +.c-twitter{ + color:#55acee; } + +.b-linkedin{ + background-color:#0077b5; } + +.c-linkedin{ + color:#0077b5; } + +.b-googleplus{ + background-color:#dd4b39; } + +.c-googleplus{ + color:#dd4b39; } + +.b-instagram{ + background-color:#e4405f; } + +.c-instagram{ + color:#e4405f; } + +.b-pinterest{ + background-color:#bd081c; } + +.c-pinterest{ + color:#bd081c; } +.clearfix::after{ + content:""; + display:block; + clear:both; } +.full-height{ + height:100%; } + +.full-visual-height{ + height:100vh; } + +.full-width{ + width:100%; + -webkit-box-sizing:border-box; + box-sizing:border-box; } + +.max-full-width{ + max-width:100%; + -webkit-box-sizing:border-box; + box-sizing:border-box; } +.margin-zero{ + margin:0; } + +.mt-auto{ + margin-top:auto; } + +.mr-auto{ + margin-right:auto; } + +.mb-auto{ + margin-bottom:auto; } + +.ml-auto{ + margin-left:auto; } +.pull-left{ + float:left !important; } + +.pull-right{ + float:right !important; } + +.push-auto{ + margin-left:auto; + margin-right:auto; } + +.text-left{ + text-align:left; } + +.text-right{ + text-align:right; } + +.text-center{ + text-align:center; } + +.text-just{ + text-align:justify; } + +.align-top{ + vertical-align:top; } + +.align-bottom{ + vertical-align:bottom; } + +.align-middle{ + vertical-align:middle; } + +.align-baseline{ + vertical-align:baseline; } +.fixed{ + position:fixed; } + +.relative{ + position:relative; } + +.absolute{ + position:absolute; } +.list-style-none{ + list-style:none !important; } +.muted{ + opacity:.7; } + +.nowrap{ + white-space:nowrap; } + +.uppercase{ + text-transform:uppercase; } + +.small{ + font-size:80%; } + +.lead{ + font-weight:300; } + +.text-shadow{ + text-shadow:0 2px 4px rgba(0, 0, 0, 0.5); } +@media (min-width: 768px){ + .lead{ + font-size:120%; } } +.d-block{ + display:block; } + +.d-hidden{ + display:none !important; } + +.d-flex{ + display:-webkit-box; + display:-webkit-flex; + display:-ms-flexbox; + display:flex; } + +.d-inline{ + display:inline; } + +.d-inline-block{ + display:inline-block; } + +.d-inline-flex{ + display:-webkit-inline-box; + display:-webkit-inline-flex; + display:-ms-inline-flexbox; + display:inline-flex; } + +.d-table{ + display:table; } + +.d-table-cell{ + display:table-cell; } +.img-fluid{ + max-width:100%; + height:auto; } +.scroll-x{ + overflow-x:auto; } + +.noscroll{ + overflow:hidden; } +.disabled{ + cursor:not-allowed; } + +.pointer{ + cursor:pointer; } +.flex-row{ + -webkit-box-orient:horizontal; + -webkit-box-direction:normal; + -webkit-flex-direction:row; + -ms-flex-direction:row; + flex-direction:row; } + +.flex-column{ + -webkit-box-orient:vertical; + -webkit-box-direction:normal; + -webkit-flex-direction:column; + -ms-flex-direction:column; + flex-direction:column; } + +.flex-row-reverse{ + -webkit-box-orient:horizontal; + -webkit-box-direction:reverse; + -webkit-flex-direction:row-reverse; + -ms-flex-direction:row-reverse; + flex-direction:row-reverse; } + +.flex-column-reverse{ + -webkit-box-orient:vertical; + -webkit-box-direction:reverse; + -webkit-flex-direction:column-reverse; + -ms-flex-direction:column-reverse; + flex-direction:column-reverse; } + +.justify-content-start{ + -webkit-box-pack:start; + -webkit-justify-content:flex-start; + -ms-flex-pack:start; + justify-content:flex-start; } + +.justify-content-end{ + -webkit-box-pack:end; + -webkit-justify-content:flex-end; + -ms-flex-pack:end; + justify-content:flex-end; } + +.justify-content-center{ + -webkit-box-pack:center; + -webkit-justify-content:center; + -ms-flex-pack:center; + justify-content:center; } + +.justify-content-between{ + -webkit-box-pack:justify; + -webkit-justify-content:space-between; + -ms-flex-pack:justify; + justify-content:space-between; } + +.justify-content-around{ + -webkit-justify-content:space-around; + -ms-flex-pack:distribute; + justify-content:space-around; } + +.align-items-start{ + -webkit-box-align:start; + -webkit-align-items:flex-start; + -ms-flex-align:start; + align-items:flex-start; } + +.align-items-end{ + -webkit-box-align:end; + -webkit-align-items:flex-end; + -ms-flex-align:end; + align-items:flex-end; } + +.align-items-center{ + -webkit-box-align:center; + -webkit-align-items:center; + -ms-flex-align:center; + align-items:center; } + +.align-items-baseline{ + -webkit-box-align:baseline; + -webkit-align-items:baseline; + -ms-flex-align:baseline; + align-items:baseline; } + +.align-items-stretch{ + -webkit-box-align:stretch; + -webkit-align-items:stretch; + -ms-flex-align:stretch; + align-items:stretch; } + +.flex-nowrap{ + -webkit-flex-wrap:nowrap; + -ms-flex-wrap:nowrap; + flex-wrap:nowrap; } + +.flex-wrap{ + -webkit-flex-wrap:wrap; + -ms-flex-wrap:wrap; + flex-wrap:wrap; } + +.flex-wrap-reverse{ + -webkit-flex-wrap:wrap-reverse; + -ms-flex-wrap:wrap-reverse; + flex-wrap:wrap-reverse; } + +.align-self-start{ + -webkit-align-self:flex-start; + -ms-flex-item-align:start; + align-self:flex-start; } + +.align-self-end{ + -webkit-align-self:flex-end; + -ms-flex-item-align:end; + align-self:flex-end; } + +.align-self-center{ + -webkit-align-self:center; + -ms-flex-item-align:center; + align-self:center; } + +.align-self-baseline{ + -webkit-align-self:baseline; + -ms-flex-item-align:baseline; + align-self:baseline; } + +.align-self-stretch{ + -webkit-align-self:stretch; + -ms-flex-item-align:stretch; + align-self:stretch; } + +@media print{ + .no-print, + .no-print *{ + display:none !important; } } + +.hidden-xs-up{ + display:none !important; } + +@media (max-width: 575px){ + .hidden-xs-down{ + display:none !important; } } + +@media (min-width: 576px){ + .hidden-sm-up{ + display:none !important; } } + +@media (max-width: 767px){ + .hidden-sm-down{ + display:none !important; } } + +@media (min-width: 768px){ + .hidden-md-up{ + display:none !important; } } + +@media (max-width: 991px){ + .hidden-md-down{ + display:none !important; } } + +@media (min-width: 992px){ + .hidden-lg-up{ + display:none !important; } } + +@media (max-width: 1199px){ + .hidden-lg-down{ + display:none !important; } } + +@media (min-width: 1200px){ + .hidden-xl-up{ + display:none !important; } } + +.hidden-xl-down{ + display:none !important; } + +/*# sourceMappingURL=karma.css.map */ diff --git a/example/static/css/karma.css.map b/example/static/css/karma.css.map new file mode 100644 index 00000000..2f333ac7 --- /dev/null +++ b/example/static/css/karma.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["karma.scss","../../node_modules/karma-css/scss/core/_normalize.scss","../../node_modules/karma-css/scss/_variables.scss","karma.css","../../node_modules/karma-css/scss/core/_grid.scss","../../node_modules/karma-css/scss/mixins/_grid.scss","../../node_modules/karma-css/scss/mixins/_breakpoint.scss","../../node_modules/karma-css/scss/mixins/_grid-framework.scss","../../node_modules/karma-css/scss/core/_base.scss","../../node_modules/karma-css/scss/core/_anchor.scss","../../node_modules/karma-css/scss/core/_button.scss","../../node_modules/karma-css/scss/mixins/_button.scss","../../node_modules/karma-css/scss/core/_code.scss","../../node_modules/karma-css/scss/core/_cursor.scss","../../node_modules/karma-css/scss/core/_form.scss","../../node_modules/karma-css/scss/mixins/_input.scss","../../node_modules/karma-css/scss/functions/_decimal.scss","../../node_modules/karma-css/scss/core/_hr.scss","../../node_modules/karma-css/scss/core/_list.scss","../../node_modules/karma-css/scss/core/_spacing.scss","../../node_modules/karma-css/scss/core/_table.scss","../../node_modules/karma-css/scss/core/_typography.scss","../../node_modules/karma-css/scss/utilities/_color.scss","../../node_modules/karma-css/scss/mixins/_clearfix.scss","../../node_modules/karma-css/scss/utilities/_helpers.scss","../../node_modules/karma-css/scss/mixins/_push-auto.scss","../../node_modules/karma-css/scss/utilities/_visibility.scss"],"names":[],"mappings":"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I,qBPoHgC,EO/G/B;EAPL;IAKQ,cPgHkE,EO9GrE;;ACNL;ECCI,qBAAqB;EACrB,kBTkIgC;EShIhC,kBAAkB;EAClB,oCTQmD;ESPnD,iBT2HkC;ES1HlC,gBT2H+B;ES1H/B,iBAAiB;EACjB,qBAAqB;EACrB,mBAAmB;EAEnB,sBTiGkC;EShGlC,yBTmF8C;ESlF9C,eAAe;EACf,8BAAsB;EAAtB,sBAAsB;EACtB,yBAAiB;EAAjB,sBAAiB;EAAjB,qBAAiB;EAAjB,iBAAiB;EACjB,yCTsFiC;EStFjC,oCTsFiC;EStFjC,iCTsFiC,EQpGpC;EC6BG;EA7BA,cT8F2C;EStF3C,uBT+C8C,ESpB7C;EAND;IAII,qBAL2D;IAM3D,UAAU,EACb;;ADtBD;ECMA,YToC8C;ESnC9C,yBTqC+C;ESpC/C,qBDhBiE,EAWhE;ECaD;IAEI,YTwB0C;ISvB1C,yBDrBiD;ICsBjD,qBDvByD;ICwBzD,UAAU,EACb;;ADtBD;ECMA,cTqC2C;ESpC3C,yBTsCgD;ESrChD,qBDhBiE,EAWhE;ECaD;IAEI,cTyBuC;ISxBvC,yBDrBiD;ICsBjD,qBDvByD;ICwBzD,UAAU,EACb;;ACvCL;EACI,iCVegD;EUdhD,oBAAoB;EACpB,cAAc;EACd,mBAAmB;EACnB,mBV2F8C;EU1F9C,yBV2F8C;EU1F9C,sBVuGkC,EUtGrC;;AAED;EACI,aAAa,EAChB;;AAED;EACI,oBAAoB;EACpB,cAAc;EACd,gBAAgB;EAChB,gBAAgB,EACnB;;ACnBD;EACI,mBAAmB,EACtB;;ACFD;EAaQ,wBAAgB;EAAhB,qBAAgB;EAAhB,gBAAgB;ECVpB,iBb8IkC;Ea7IlC,cb8F2C;Ea7F3C,kBb+IgC;Ea9IhC,iBAAiB;EACjB,iBbuI8C;EatI9C,wBAAgB;EAAhB,gBAAgB;EAChB,8BAAsB;EAAtB,sBAAsB;EACtB,qBb2IkC;Ea1IlC,yBbsF8C;EarF9C,sBbkGkC;EajGlC,yCb2FiC;Ea3FjC,oCb2FiC;Ea3FjC,iCb2FiC;Ea9DjC,iBbuGkC;EatGlC,kBbyGgC;EaxGhC,YCRoC;EDJhC,eAAe,EDdlB;ECED;IACI,iBbyH0C;Ia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","file":"karma.css","sourcesContent":["/*! Karma-CSS v1.5.0 MIT License | http://karmacss.com | https://github.com/accentdesign/karma-css */\n\n\n@import \"variables\";\n\n/* karma-css core */\n@import \"karma-css/scss/variables\";\n@import \"karma-css/scss/import\";\n\n/* add your custom modules here */\n\n/* karma-css utilities */\n@import \"karma-css/scss/utilities\";","/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in\n * IE on Windows Phone and in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -ms-text-size-adjust: 100%; /* 2 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers (opinionated).\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Add the correct display in IE 9-.\n */\n\narticle,\naside,\nfooter,\nheader,\nnav,\nsection {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in IE.\n */\n\nfigcaption,\nfigure,\nmain { /* 1 */\n display: block;\n}\n\n/**\n * Add the correct margin in IE 8.\n */\n\nfigure {\n margin: 1em 40px;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * 1. Remove the gray background on active links in IE 10.\n * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.\n */\n\na {\n background-color: transparent; /* 1 */\n -webkit-text-decoration-skip: objects; /* 2 */\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57- and Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\n\nb,\nstrong {\n font-weight: inherit;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font style in Android 4.3-.\n */\n\ndfn {\n font-style: italic;\n}\n\n/**\n * Add the correct background and color in IE 9-.\n */\n\nmark {\n background-color: #ff0;\n color: #000;\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n */\n\naudio,\nvideo {\n display: inline-block;\n}\n\n/**\n * Add the correct display in iOS 4-7.\n */\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n/**\n * Remove the border on images inside links in IE 10-.\n */\n\nimg {\n border-style: none;\n}\n\n/**\n * Hide the overflow in IE.\n */\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: $base-font-family; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\nhtml [type=\"button\"], /* 1 */\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; /* 2 */\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * 1. Add the correct display in IE 9-.\n * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n display: inline-block; /* 1 */\n vertical-align: baseline; /* 2 */\n}\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n */\n\ndetails, /* 1 */\nmenu {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Scripting\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n */\n\ncanvas {\n display: inline-block;\n}\n\n/**\n * Add the correct display in IE.\n */\n\ntemplate {\n display: none;\n}\n\n/* Hidden\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10-.\n */\n\n[hidden] {\n display: none;\n}","// Variables\n//––––––––––––––––––––––––––––––––––––––––––––––––––\n\n// Options\n//––––––––––––––––––––––––––––––––––––––––––––––––––\n\n$enable-grid-classes: true !default;\n\n\n\n// Typography\n//––––––––––––––––––––––––––––––––––––––––––––––––––\n\n// Base font\n$base-font-size: 15px !default;\n$base-line-height: 1.6 !default;\n$base-font-weight: 400 !default;\n$base-font-family: \"Open Sans\", sans-serif !default;\n\n$code-font-family: monospace, monospace !default; // https://github.com/necolas/normalize.css/issues/519#issuecomment-197131966\n\n// The font sizes for h1-h6.\n$h1-font-size: 2 * $base-font-size !default;\n$h2-font-size: 1.5 * $base-font-size !default;\n$h3-font-size: 1.17 * $base-font-size !default;\n$h4-font-size: 1 * $base-font-size !default;\n$h5-font-size: 0.83 * $base-font-size !default;\n$h6-font-size: 0.67 * $base-font-size !default;\n\n$heading-font-weight: 400 !default;\n\n\n\n// Grid\n//––––––––––––––––––––––––––––––––––––––––––––––––––\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n\n\n\n// Styling\n//––––––––––––––––––––––––––––––––––––––––––––––––––\n\n// colors\n$colors: (\n // required base colours\n white: rgb(255, 255, 255),\n black: rgb(17, 17, 17),\n primary: rgb(51, 195, 240),\n secondary: rgb(240, 240, 240),\n\n // A nicer colour palette for the web via http://clrs.cc/\n\n // Cool\n aqua: rgb(127, 219, 255),\n blue: rgb(0, 116, 217),\n navy: rgb(0, 31, 63),\n teal: rgb(57, 204, 204),\n green: rgb(46, 204, 64),\n olive: rgb(61, 153, 112),\n lime: rgb(1, 255, 112),\n // Warm\n yellow: rgb(255, 220, 0),\n orange: rgb(255, 133, 27),\n red: rgb(255, 65, 54),\n fuchsia: rgb(240, 18, 190),\n purple: rgb(177, 13, 201),\n maroon: rgb(133, 20, 75),\n // Other Greyscale\n silver: rgb(221, 221, 221),\n gray: rgb(170, 170, 170),\n\n // Social media, more can be found at https://www.materialui.co/socialcolors\n facebook: rgb(59, 89, 153),\n twitter: rgb(85, 172, 238),\n linkedin: rgb(0, 119, 181),\n googleplus: rgb(221, 75, 57),\n instagram: rgb(228, 64, 95),\n pinterest: rgb(189, 8, 28)\n) !default;\n\n// defined colors\n$body-background: rgb(255, 255, 255) !default;\n$code-background: rgb(240, 240, 240) !default;\n$border-color: rgb(230, 230, 230) !default;\n$font-color: rgb(62, 62, 62) !default;\n\n\n\n// animation\n$animation-speed-slow: 1000ms !default;\n$animation-speed-fast: 250ms !default;\n\n\n// misc\n$generic-margin-bottom: 1.5rem !default; // pre, dl, figure, table, p, ul, ol, form, blockquote\n$header-margin-bottom: 1rem !default; // h1-h6\n$global-radius: .25rem !default;\n$darken-hover-percent: 10% !default; // used within hovers in links and buttons\n\n\n\n// links\n$link-color: map-get($colors, primary) !default;\n$link-color-hover: darken($link-color, $darken-hover-percent) !default;\n$link-decoration: none !default;\n$link-decoration-hover: none !default;\n$link-transition-speed: $animation-speed-fast !default;\n\n\n\n// buttons\n$buttons: (\n // name color font-color\n primary: map-get($colors, primary) map-get($colors, white),\n secondary: map-get($colors, secondary) map-get($colors, black)\n) !default;\n$button-font-size: 1.5rem !default;\n$button-font-weight: 400 !default;\n$button-padding-y: 1rem !default;\n$button-padding-x: 1rem !default;\n$button-transition-speed: $animation-speed-fast !default;\n\n// the below applies to the default button class only `.button`\n$button-default-bg-color: map-get($colors, white) !default;\n\n\n// forms\n$input-use-full-width: false !default; // false = max-width:100%, true = width:100%\n$input-background: rgb(255, 255, 255) !default;\n$input-border-radius: $global-radius !default;\n$input-border: 1px solid $border-color !default;\n$input-font-size: 1.5rem !default;\n$input-font-color: $font-color !default;\n$input-padding-y: 1rem !default;\n$input-padding-x: 1rem !default;\n$input-margin-bottom: 1.5rem !default;\n$input-transition-speed: $animation-speed-fast !default;\n\n$input-background-focus: $input-background !default;\n$input-border-color-focus: map-get($colors, primary) !default;\n\n$label-font-weight: 600 !default;\n\n\n\n// tables\n$table-cell-padding: .85rem .85rem !default;\n$table-striped-color: rgb(250, 250, 250) !default;\n$table-headed-color: rgb(240, 240, 240) !default;\n$table-hover-color: rgb(245, 245, 245) !default;\n\n\n\n// defined z-indexes\n// and get with zindex('default')\n$z-layers: (\n 'default': 1\n) !default;","/*! Karma-CSS v1.5.0 MIT License | http://karmacss.com | https://github.com/accentdesign/karma-css */\n/*\n* start with a copy of the current varables file:\n* https://github.com/AccentDesign/karma-css/blob/master/scss/_variables.scss\n*/\n/* karma-css core */\n/* normalize */\n/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */\n/* Document\n ========================================================================== */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in\n * IE on Windows Phone and in iOS.\n */\nhtml {\n line-height: 1.15;\n /* 1 */\n -ms-text-size-adjust: 100%;\n /* 2 */\n -webkit-text-size-adjust: 100%;\n /* 2 */ }\n\n/* Sections\n ========================================================================== */\n/**\n * Remove the margin in all browsers (opinionated).\n */\nbody {\n margin: 0; }\n\n/**\n * Add the correct display in IE 9-.\n */\narticle,\naside,\nfooter,\nheader,\nnav,\nsection {\n display: block; }\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n font-size: 2em;\n margin: 0.67em 0; }\n\n/* Grouping content\n ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in IE.\n */\nfigcaption,\nfigure,\nmain {\n /* 1 */\n display: block; }\n\n/**\n * Add the correct margin in IE 8.\n */\nfigure {\n margin: 1em 40px; }\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n box-sizing: content-box;\n /* 1 */\n height: 0;\n /* 1 */\n overflow: visible;\n /* 2 */ }\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */ }\n\n/* Text-level semantics\n ========================================================================== */\n/**\n * 1. Remove the gray background on active links in IE 10.\n * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.\n */\na {\n background-color: transparent;\n /* 1 */\n -webkit-text-decoration-skip: objects;\n /* 2 */ }\n\n/**\n * 1. Remove the bottom border in Chrome 57- and Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n border-bottom: none;\n /* 1 */\n text-decoration: underline;\n /* 2 */\n text-decoration: underline dotted;\n /* 2 */ }\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\nb,\nstrong {\n font-weight: inherit; }\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n font-weight: bolder; }\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */ }\n\n/**\n * Add the correct font style in Android 4.3-.\n */\ndfn {\n font-style: italic; }\n\n/**\n * Add the correct background and color in IE 9-.\n */\nmark {\n background-color: #ff0;\n color: #000; }\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n font-size: 80%; }\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline; }\n\nsub {\n bottom: -0.25em; }\n\nsup {\n top: -0.5em; }\n\n/* Embedded content\n ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n */\naudio,\nvideo {\n display: inline-block; }\n\n/**\n * Add the correct display in iOS 4-7.\n */\naudio:not([controls]) {\n display: none;\n height: 0; }\n\n/**\n * Remove the border on images inside links in IE 10-.\n */\nimg {\n border-style: none; }\n\n/**\n * Hide the overflow in IE.\n */\nsvg:not(:root) {\n overflow: hidden; }\n\n/* Forms\n ========================================================================== */\n/**\n * 1. Change the font styles in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: \"Open Sans\", sans-serif;\n /* 1 */\n font-size: 100%;\n /* 1 */\n line-height: 1.15;\n /* 1 */\n margin: 0;\n /* 2 */ }\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n /* 1 */\n overflow: visible; }\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n /* 1 */\n text-transform: none; }\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n /* 2 */ }\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0; }\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText; }\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n padding: 0.35em 0.75em 0.625em; }\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\nlegend {\n box-sizing: border-box;\n /* 1 */\n color: inherit;\n /* 2 */\n display: table;\n /* 1 */\n max-width: 100%;\n /* 1 */\n padding: 0;\n /* 3 */\n white-space: normal;\n /* 1 */ }\n\n/**\n * 1. Add the correct display in IE 9-.\n * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n display: inline-block;\n /* 1 */\n vertical-align: baseline;\n /* 2 */ }\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\ntextarea {\n overflow: auto; }\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box;\n /* 1 */\n padding: 0;\n /* 2 */ }\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto; }\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=\"search\"] {\n -webkit-appearance: textfield;\n /* 1 */\n outline-offset: -2px;\n /* 2 */ }\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.\n */\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none; }\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n /* 1 */\n font: inherit;\n /* 2 */ }\n\n/* Interactive\n ========================================================================== */\n/*\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n */\ndetails,\nmenu {\n display: block; }\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n display: list-item; }\n\n/* Scripting\n ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n */\ncanvas {\n display: inline-block; }\n\n/**\n * Add the correct display in IE.\n */\ntemplate {\n display: none; }\n\n/* Hidden\n ========================================================================== */\n/**\n * Add the correct display in IE 10-.\n */\n[hidden] {\n display: none; }\n\n/* system wide functions */\n/* system wide functions */\n/* system wide mixins */\n/* system wide mixins */\n/*\n * Provide a hover effect for non-touch devices, turn it into an Active state for mobile, and maintain a fallback. \n * @requires Modernizr as a JS dependency to get .no-touch classes\n * Adds styles via @content\n *\n * To apply it to a specific class, the mixin must be applied inside that class, like so (since it relies on the & operator):\n * .anchor {\n * @include touch-hover() {\n * color: purple; \n * }\n * }\n */\n/*\n * Applies transition to element but removes it from the same element on touch devices.\n * Useful for making all pseudo hover effects on mobile instant on click.\n *\n * @requires Modernizr\n */\n/* grid */\n.container {\n margin-right: auto;\n margin-left: auto;\n padding-right: 15px;\n padding-left: 15px; }\n @media (min-width: 576px) {\n .container {\n width: 540px;\n max-width: 100%; } }\n @media (min-width: 768px) {\n .container {\n width: 720px;\n max-width: 100%; } }\n @media (min-width: 992px) {\n .container {\n width: 960px;\n max-width: 100%; } }\n @media (min-width: 1200px) {\n .container {\n width: 1140px;\n max-width: 100%; } }\n\n.container-fluid {\n width: 100%;\n margin-right: auto;\n margin-left: auto;\n padding-right: 15px;\n padding-left: 15px; }\n\n.row {\n display: flex;\n flex-wrap: wrap;\n margin-right: -15px;\n margin-left: -15px; }\n\n.no-gutters {\n margin-right: 0;\n margin-left: 0; }\n .no-gutters > .col,\n .no-gutters > [class*=\"col-\"] {\n padding-right: 0;\n padding-left: 0; }\n\n.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,\n.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,\n.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,\n.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,\n.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,\n.col-xl-auto {\n position: relative;\n width: 100%;\n min-height: 1px;\n padding-right: 15px;\n padding-left: 15px; }\n\n.col {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%; }\n\n.col-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none; }\n\n.col-1 {\n flex: 0 0 8.33333%;\n max-width: 8.33333%; }\n\n.col-2 {\n flex: 0 0 16.66667%;\n max-width: 16.66667%; }\n\n.col-3 {\n flex: 0 0 25%;\n max-width: 25%; }\n\n.col-4 {\n flex: 0 0 33.33333%;\n max-width: 33.33333%; }\n\n.col-5 {\n flex: 0 0 41.66667%;\n max-width: 41.66667%; }\n\n.col-6 {\n flex: 0 0 50%;\n max-width: 50%; }\n\n.col-7 {\n flex: 0 0 58.33333%;\n max-width: 58.33333%; }\n\n.col-8 {\n flex: 0 0 66.66667%;\n max-width: 66.66667%; }\n\n.col-9 {\n flex: 0 0 75%;\n max-width: 75%; }\n\n.col-10 {\n flex: 0 0 83.33333%;\n max-width: 83.33333%; }\n\n.col-11 {\n flex: 0 0 91.66667%;\n max-width: 91.66667%; }\n\n.col-12 {\n flex: 0 0 100%;\n max-width: 100%; }\n\n.order-1 {\n order: 1; }\n\n.order-2 {\n order: 2; }\n\n.order-3 {\n order: 3; }\n\n.order-4 {\n order: 4; }\n\n.order-5 {\n order: 5; }\n\n.order-6 {\n order: 6; }\n\n.order-7 {\n order: 7; }\n\n.order-8 {\n order: 8; }\n\n.order-9 {\n order: 9; }\n\n.order-10 {\n order: 10; }\n\n.order-11 {\n order: 11; }\n\n.order-12 {\n order: 12; }\n\n.offset-1 {\n margin-left: 8.33333%; }\n\n.offset-2 {\n margin-left: 16.66667%; }\n\n.offset-3 {\n margin-left: 25%; }\n\n.offset-4 {\n margin-left: 33.33333%; }\n\n.offset-5 {\n margin-left: 41.66667%; }\n\n.offset-6 {\n margin-left: 50%; }\n\n.offset-7 {\n margin-left: 58.33333%; }\n\n.offset-8 {\n margin-left: 66.66667%; }\n\n.offset-9 {\n margin-left: 75%; }\n\n.offset-10 {\n margin-left: 83.33333%; }\n\n.offset-11 {\n margin-left: 91.66667%; }\n\n@media (min-width: 576px) {\n .col-sm {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%; }\n .col-sm-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none; }\n .col-sm-1 {\n flex: 0 0 8.33333%;\n max-width: 8.33333%; }\n .col-sm-2 {\n flex: 0 0 16.66667%;\n max-width: 16.66667%; }\n .col-sm-3 {\n flex: 0 0 25%;\n max-width: 25%; }\n .col-sm-4 {\n flex: 0 0 33.33333%;\n max-width: 33.33333%; }\n .col-sm-5 {\n flex: 0 0 41.66667%;\n max-width: 41.66667%; }\n .col-sm-6 {\n flex: 0 0 50%;\n max-width: 50%; }\n .col-sm-7 {\n flex: 0 0 58.33333%;\n max-width: 58.33333%; }\n .col-sm-8 {\n flex: 0 0 66.66667%;\n max-width: 66.66667%; }\n .col-sm-9 {\n flex: 0 0 75%;\n max-width: 75%; }\n .col-sm-10 {\n flex: 0 0 83.33333%;\n max-width: 83.33333%; }\n .col-sm-11 {\n flex: 0 0 91.66667%;\n max-width: 91.66667%; }\n .col-sm-12 {\n flex: 0 0 100%;\n max-width: 100%; }\n .order-sm-1 {\n order: 1; }\n .order-sm-2 {\n order: 2; }\n .order-sm-3 {\n order: 3; }\n .order-sm-4 {\n order: 4; }\n .order-sm-5 {\n order: 5; }\n .order-sm-6 {\n order: 6; }\n .order-sm-7 {\n order: 7; }\n .order-sm-8 {\n order: 8; }\n .order-sm-9 {\n order: 9; }\n .order-sm-10 {\n order: 10; }\n .order-sm-11 {\n order: 11; }\n .order-sm-12 {\n order: 12; }\n .offset-sm-1 {\n margin-left: 8.33333%; }\n .offset-sm-2 {\n margin-left: 16.66667%; }\n .offset-sm-3 {\n margin-left: 25%; }\n .offset-sm-4 {\n margin-left: 33.33333%; }\n .offset-sm-5 {\n margin-left: 41.66667%; }\n .offset-sm-6 {\n margin-left: 50%; }\n .offset-sm-7 {\n margin-left: 58.33333%; }\n .offset-sm-8 {\n margin-left: 66.66667%; }\n .offset-sm-9 {\n margin-left: 75%; }\n .offset-sm-10 {\n margin-left: 83.33333%; }\n .offset-sm-11 {\n margin-left: 91.66667%; } }\n\n@media (min-width: 768px) {\n .col-md {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%; }\n .col-md-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none; }\n .col-md-1 {\n flex: 0 0 8.33333%;\n max-width: 8.33333%; }\n .col-md-2 {\n flex: 0 0 16.66667%;\n max-width: 16.66667%; }\n .col-md-3 {\n flex: 0 0 25%;\n max-width: 25%; }\n .col-md-4 {\n flex: 0 0 33.33333%;\n max-width: 33.33333%; }\n .col-md-5 {\n flex: 0 0 41.66667%;\n max-width: 41.66667%; }\n .col-md-6 {\n flex: 0 0 50%;\n max-width: 50%; }\n .col-md-7 {\n flex: 0 0 58.33333%;\n max-width: 58.33333%; }\n .col-md-8 {\n flex: 0 0 66.66667%;\n max-width: 66.66667%; }\n .col-md-9 {\n flex: 0 0 75%;\n max-width: 75%; }\n .col-md-10 {\n flex: 0 0 83.33333%;\n max-width: 83.33333%; }\n .col-md-11 {\n flex: 0 0 91.66667%;\n max-width: 91.66667%; }\n .col-md-12 {\n flex: 0 0 100%;\n max-width: 100%; }\n .order-md-1 {\n order: 1; }\n .order-md-2 {\n order: 2; }\n .order-md-3 {\n order: 3; }\n .order-md-4 {\n order: 4; }\n .order-md-5 {\n order: 5; }\n .order-md-6 {\n order: 6; }\n .order-md-7 {\n order: 7; }\n .order-md-8 {\n order: 8; }\n .order-md-9 {\n order: 9; }\n .order-md-10 {\n order: 10; }\n .order-md-11 {\n order: 11; }\n .order-md-12 {\n order: 12; }\n .offset-md-1 {\n margin-left: 8.33333%; }\n .offset-md-2 {\n margin-left: 16.66667%; }\n .offset-md-3 {\n margin-left: 25%; }\n .offset-md-4 {\n margin-left: 33.33333%; }\n .offset-md-5 {\n margin-left: 41.66667%; }\n .offset-md-6 {\n margin-left: 50%; }\n .offset-md-7 {\n margin-left: 58.33333%; }\n .offset-md-8 {\n margin-left: 66.66667%; }\n .offset-md-9 {\n margin-left: 75%; }\n .offset-md-10 {\n margin-left: 83.33333%; }\n .offset-md-11 {\n margin-left: 91.66667%; } }\n\n@media (min-width: 992px) {\n .col-lg {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%; }\n .col-lg-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none; }\n .col-lg-1 {\n flex: 0 0 8.33333%;\n max-width: 8.33333%; }\n .col-lg-2 {\n flex: 0 0 16.66667%;\n max-width: 16.66667%; }\n .col-lg-3 {\n flex: 0 0 25%;\n max-width: 25%; }\n .col-lg-4 {\n flex: 0 0 33.33333%;\n max-width: 33.33333%; }\n .col-lg-5 {\n flex: 0 0 41.66667%;\n max-width: 41.66667%; }\n .col-lg-6 {\n flex: 0 0 50%;\n max-width: 50%; }\n .col-lg-7 {\n flex: 0 0 58.33333%;\n max-width: 58.33333%; }\n .col-lg-8 {\n flex: 0 0 66.66667%;\n max-width: 66.66667%; }\n .col-lg-9 {\n flex: 0 0 75%;\n max-width: 75%; }\n .col-lg-10 {\n flex: 0 0 83.33333%;\n max-width: 83.33333%; }\n .col-lg-11 {\n flex: 0 0 91.66667%;\n max-width: 91.66667%; }\n .col-lg-12 {\n flex: 0 0 100%;\n max-width: 100%; }\n .order-lg-1 {\n order: 1; }\n .order-lg-2 {\n order: 2; }\n .order-lg-3 {\n order: 3; }\n .order-lg-4 {\n order: 4; }\n .order-lg-5 {\n order: 5; }\n .order-lg-6 {\n order: 6; }\n .order-lg-7 {\n order: 7; }\n .order-lg-8 {\n order: 8; }\n .order-lg-9 {\n order: 9; }\n .order-lg-10 {\n order: 10; }\n .order-lg-11 {\n order: 11; }\n .order-lg-12 {\n order: 12; }\n .offset-lg-1 {\n margin-left: 8.33333%; }\n .offset-lg-2 {\n margin-left: 16.66667%; }\n .offset-lg-3 {\n margin-left: 25%; }\n .offset-lg-4 {\n margin-left: 33.33333%; }\n .offset-lg-5 {\n margin-left: 41.66667%; }\n .offset-lg-6 {\n margin-left: 50%; }\n .offset-lg-7 {\n margin-left: 58.33333%; }\n .offset-lg-8 {\n margin-left: 66.66667%; }\n .offset-lg-9 {\n margin-left: 75%; }\n .offset-lg-10 {\n margin-left: 83.33333%; }\n .offset-lg-11 {\n margin-left: 91.66667%; } }\n\n@media (min-width: 1200px) {\n .col-xl {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%; }\n .col-xl-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none; }\n .col-xl-1 {\n flex: 0 0 8.33333%;\n max-width: 8.33333%; }\n .col-xl-2 {\n flex: 0 0 16.66667%;\n max-width: 16.66667%; }\n .col-xl-3 {\n flex: 0 0 25%;\n max-width: 25%; }\n .col-xl-4 {\n flex: 0 0 33.33333%;\n max-width: 33.33333%; }\n .col-xl-5 {\n flex: 0 0 41.66667%;\n max-width: 41.66667%; }\n .col-xl-6 {\n flex: 0 0 50%;\n max-width: 50%; }\n .col-xl-7 {\n flex: 0 0 58.33333%;\n max-width: 58.33333%; }\n .col-xl-8 {\n flex: 0 0 66.66667%;\n max-width: 66.66667%; }\n .col-xl-9 {\n flex: 0 0 75%;\n max-width: 75%; }\n .col-xl-10 {\n flex: 0 0 83.33333%;\n max-width: 83.33333%; }\n .col-xl-11 {\n flex: 0 0 91.66667%;\n max-width: 91.66667%; }\n .col-xl-12 {\n flex: 0 0 100%;\n max-width: 100%; }\n .order-xl-1 {\n order: 1; }\n .order-xl-2 {\n order: 2; }\n .order-xl-3 {\n order: 3; }\n .order-xl-4 {\n order: 4; }\n .order-xl-5 {\n order: 5; }\n .order-xl-6 {\n order: 6; }\n .order-xl-7 {\n order: 7; }\n .order-xl-8 {\n order: 8; }\n .order-xl-9 {\n order: 9; }\n .order-xl-10 {\n order: 10; }\n .order-xl-11 {\n order: 11; }\n .order-xl-12 {\n order: 12; }\n .offset-xl-1 {\n margin-left: 8.33333%; }\n .offset-xl-2 {\n margin-left: 16.66667%; }\n .offset-xl-3 {\n margin-left: 25%; }\n .offset-xl-4 {\n margin-left: 33.33333%; }\n .offset-xl-5 {\n margin-left: 41.66667%; }\n .offset-xl-6 {\n margin-left: 50%; }\n .offset-xl-7 {\n margin-left: 58.33333%; }\n .offset-xl-8 {\n margin-left: 66.66667%; }\n .offset-xl-9 {\n margin-left: 75%; }\n .offset-xl-10 {\n margin-left: 83.33333%; }\n .offset-xl-11 {\n margin-left: 91.66667%; } }\n\n/* core building blocks */\n/* box sizing */\n*, *::before, *::after {\n box-sizing: border-box; }\n\n/* basic document styling */\nhtml {\n font-size: 62.5%; }\n\nbody {\n font-size: 15px;\n line-height: 1.6;\n font-weight: 400;\n font-family: \"Open Sans\", sans-serif;\n color: #3e3e3e;\n background: white; }\n\na {\n color: #33c3f0;\n text-decoration: none;\n transition: all ease-in-out 250ms; }\n a:hover {\n color: #10aee0;\n text-decoration: none; }\n\n.button {\n display: inline-block;\n padding: 1rem 1rem;\n color: #3e3e3e;\n text-align: center;\n font-family: \"Open Sans\", sans-serif;\n font-size: 1.5rem;\n font-weight: 400;\n line-height: 1.25;\n text-decoration: none;\n white-space: nowrap;\n background-color: white;\n border-radius: 0.25rem;\n border: 1px solid #e6e6e6;\n cursor: pointer;\n box-sizing: border-box;\n user-select: none;\n transition: all ease-in-out 250ms; }\n .button:hover, .button:focus {\n color: #3e3e3e;\n background-color: white;\n border-color: #cdcdcd;\n outline: 0; }\n\n.button.button-primary {\n color: white;\n background-color: #33c3f0;\n border-color: #1bbcee; }\n .button.button-primary:hover, .button.button-primary:focus {\n color: white;\n background-color: #10aee0;\n border-color: #0f9cc8;\n outline: 0; }\n\n.button.button-secondary {\n color: #111111;\n background-color: #f0f0f0;\n border-color: #e3e3e3; }\n .button.button-secondary:hover, .button.button-secondary:focus {\n color: #111111;\n background-color: #d7d7d7;\n border-color: #cacaca;\n outline: 0; }\n\ncode {\n font-family: monospace, monospace;\n padding: .2rem .5rem;\n font-size: 90%;\n white-space: nowrap;\n background: #f0f0f0;\n border: 1px solid #e6e6e6;\n border-radius: 0.25rem; }\n\npre {\n margin-top: 0; }\n\npre > code {\n padding: 1rem 1.5rem;\n display: block;\n white-space: pre;\n overflow-x: auto; }\n\n*[disabled] {\n cursor: not-allowed; }\n\ninput[type=\"date\"], input[type=\"datetime\"], input[type=\"datetime-local\"], input[type=\"email\"], input[type=\"month\"], input[type=\"number\"], input[type=\"password\"], input[type=\"search\"], input[type=\"tel\"], input[type=\"text\"], input[type=\"url\"], input[type=\"week\"] {\n appearance: none;\n font-size: 1.5rem;\n color: #3e3e3e;\n padding: 1rem 1rem;\n line-height: 1.25;\n background: white;\n box-shadow: none;\n box-sizing: border-box;\n margin-bottom: 1.5rem;\n border: 1px solid #e6e6e6;\n border-radius: 0.25rem;\n transition: all ease-in-out 250ms;\n font-size: 1.5rem;\n padding: 1rem 1rem;\n height: 4rem;\n max-width: 100%; }\n input[type=\"date\"]:focus, input[type=\"datetime\"]:focus, input[type=\"datetime-local\"]:focus, input[type=\"email\"]:focus, input[type=\"month\"]:focus, input[type=\"number\"]:focus, input[type=\"password\"]:focus, input[type=\"search\"]:focus, input[type=\"tel\"]:focus, input[type=\"text\"]:focus, input[type=\"url\"]:focus, input[type=\"week\"]:focus {\n background: white;\n border-color: #33c3f0;\n outline: 0; }\n\ntextarea {\n appearance: none;\n font-size: 1.5rem;\n color: #3e3e3e;\n padding: 1rem 1rem;\n line-height: 1.25;\n background: white;\n box-shadow: none;\n box-sizing: border-box;\n margin-bottom: 1.5rem;\n border: 1px solid #e6e6e6;\n border-radius: 0.25rem;\n transition: all ease-in-out 250ms;\n max-width: 100%; }\n textarea:focus {\n background: white;\n border-color: #33c3f0;\n outline: 0; }\n\nselect {\n font-size: 1.5rem;\n color: #3e3e3e;\n padding: 1rem 1rem;\n line-height: 1.25;\n background: white;\n box-shadow: none;\n box-sizing: border-box;\n margin-bottom: 1.5rem;\n border: 1px solid #e6e6e6;\n border-radius: 0.25rem;\n transition: all ease-in-out 250ms;\n font-size: 1.5rem;\n padding: 1rem 1rem;\n height: 4rem;\n max-width: 100%; }\n select:focus {\n background: white;\n border-color: #33c3f0;\n outline: 0; }\n select[multiple] {\n height: auto; }\n\nlabel,\nlegend {\n display: block;\n margin-bottom: .5rem;\n font-weight: 600; }\n\nfieldset {\n padding: 0;\n border-width: 0;\n margin-bottom: 1.5rem; }\n\ninput[type=\"checkbox\"], input[type=\"radio\"] {\n margin-right: 1.5rem;\n display: inline; }\n\nlabel.checkbox, label.radio {\n font-weight: normal; }\n\n.radio label,\n.checkbox label {\n font-weight: normal; }\n\nhr {\n margin: 1.5rem 0;\n border-width: 0;\n border-top: 1px solid #e6e6e6; }\n\nul {\n padding-left: 0;\n margin-top: 0;\n list-style: circle inside; }\n ul ul, ul ol {\n margin: 0 0 0 2rem; }\n\nol {\n padding-left: 0;\n margin-top: 0;\n list-style: decimal inside; }\n ol ol, ol ul {\n margin: 0 0 0 2rem; }\n\npre,\ndl,\nfigure,\ntable,\np,\nul,\nol,\nform {\n margin-bottom: 1.5rem; }\n\ntable {\n width: 100%;\n max-width: 100%;\n border-collapse: collapse;\n border-spacing: 0; }\n\nth,\ntd {\n padding: 0.85rem 0.85rem;\n text-align: left; }\n\ntd {\n border-top: 1px solid #e6e6e6; }\n\n.table-bordered {\n border: solid 1px #e6e6e6; }\n\n.table-headed th {\n background-color: #f0f0f0; }\n\n.table-striped tbody tr:nth-child(odd) {\n background-color: #fafafa; }\n\n.table-hover tbody tr:hover {\n background-color: whitesmoke; }\n\nh1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {\n margin: 0 0 1rem;\n font-weight: 400; }\n h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small {\n font-size: 65%;\n line-height: 1; }\n\nh1, .h1 {\n font-size: 30px;\n line-height: 1.2; }\n\nh2, .h2 {\n font-size: 22.5px;\n line-height: 1.25; }\n\nh3, .h3 {\n font-size: 17.55px;\n line-height: 1.3; }\n\nh4, .h4 {\n font-size: 15px;\n line-height: 1.35; }\n\nh5, .h5 {\n font-size: 12.45px;\n line-height: 1.5; }\n\nh6, .h6 {\n font-size: 10.05px;\n line-height: 1.6; }\n\np {\n margin-top: 0; }\n\nblockquote {\n margin: 0 0 1.5rem;\n padding: 1rem 1.5rem;\n border-left: 3px solid #e6e6e6; }\n\n/* add your custom modules here */\n/* karma-css utilities */\n/* utility helpers */\n.b-white {\n background-color: white; }\n\n.c-white {\n color: white; }\n\n.b-black {\n background-color: #111111; }\n\n.c-black {\n color: #111111; }\n\n.b-primary {\n background-color: #33c3f0; }\n\n.c-primary {\n color: #33c3f0; }\n\n.b-secondary {\n background-color: #f0f0f0; }\n\n.c-secondary {\n color: #f0f0f0; }\n\n.b-aqua {\n background-color: #7fdbff; }\n\n.c-aqua {\n color: #7fdbff; }\n\n.b-blue {\n background-color: #0074d9; }\n\n.c-blue {\n color: #0074d9; }\n\n.b-navy {\n background-color: #001f3f; }\n\n.c-navy {\n color: #001f3f; }\n\n.b-teal {\n background-color: #39cccc; }\n\n.c-teal {\n color: #39cccc; }\n\n.b-green {\n background-color: #2ecc40; }\n\n.c-green {\n color: #2ecc40; }\n\n.b-olive {\n background-color: #3d9970; }\n\n.c-olive {\n color: #3d9970; }\n\n.b-lime {\n background-color: #01ff70; }\n\n.c-lime {\n color: #01ff70; }\n\n.b-yellow {\n background-color: #ffdc00; }\n\n.c-yellow {\n color: #ffdc00; }\n\n.b-orange {\n background-color: #ff851b; }\n\n.c-orange {\n color: #ff851b; }\n\n.b-red {\n background-color: #ff4136; }\n\n.c-red {\n color: #ff4136; }\n\n.b-fuchsia {\n background-color: #f012be; }\n\n.c-fuchsia {\n color: #f012be; }\n\n.b-purple {\n background-color: #b10dc9; }\n\n.c-purple {\n color: #b10dc9; }\n\n.b-maroon {\n background-color: #85144b; }\n\n.c-maroon {\n color: #85144b; }\n\n.b-silver {\n background-color: #dddddd; }\n\n.c-silver {\n color: #dddddd; }\n\n.b-gray {\n background-color: #aaaaaa; }\n\n.c-gray {\n color: #aaaaaa; }\n\n.b-facebook {\n background-color: #3b5999; }\n\n.c-facebook {\n color: #3b5999; }\n\n.b-twitter {\n background-color: #55acee; }\n\n.c-twitter {\n color: #55acee; }\n\n.b-linkedin {\n background-color: #0077b5; }\n\n.c-linkedin {\n color: #0077b5; }\n\n.b-googleplus {\n background-color: #dd4b39; }\n\n.c-googleplus {\n color: #dd4b39; }\n\n.b-instagram {\n background-color: #e4405f; }\n\n.c-instagram {\n color: #e4405f; }\n\n.b-pinterest {\n background-color: #bd081c; }\n\n.c-pinterest {\n color: #bd081c; }\n\n/* clearfix */\n.clearfix::after {\n content: \"\";\n display: block;\n clear: both; }\n\n/* width and height */\n.full-height {\n height: 100%; }\n\n.full-visual-height {\n height: 100vh; }\n\n.full-width {\n width: 100%;\n box-sizing: border-box; }\n\n.max-full-width {\n max-width: 100%;\n box-sizing: border-box; }\n\n/* margin */\n.margin-zero {\n margin: 0; }\n\n.mt-auto {\n margin-top: auto; }\n\n.mr-auto {\n margin-right: auto; }\n\n.mb-auto {\n margin-bottom: auto; }\n\n.ml-auto {\n margin-left: auto; }\n\n/* alignment */\n.pull-left {\n float: left !important; }\n\n.pull-right {\n float: right !important; }\n\n.push-auto {\n margin-left: auto;\n margin-right: auto; }\n\n.text-left {\n text-align: left; }\n\n.text-right {\n text-align: right; }\n\n.text-center {\n text-align: center; }\n\n.text-just {\n text-align: justify; }\n\n.align-top {\n vertical-align: top; }\n\n.align-bottom {\n vertical-align: bottom; }\n\n.align-middle {\n vertical-align: middle; }\n\n.align-baseline {\n vertical-align: baseline; }\n\n/* positions */\n.fixed {\n position: fixed; }\n\n.relative {\n position: relative; }\n\n.absolute {\n position: absolute; }\n\n/* list */\n.list-style-none {\n list-style: none !important; }\n\n/* typography */\n.muted {\n opacity: .7; }\n\n.nowrap {\n white-space: nowrap; }\n\n.uppercase {\n text-transform: uppercase; }\n\n.small {\n font-size: 80%; }\n\n.lead {\n font-weight: 300; }\n\n.text-shadow {\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }\n\n/* dont increase lead font size on mobiles */\n@media (min-width: 768px) {\n .lead {\n font-size: 120%; } }\n\n/* display */\n.d-block {\n display: block; }\n\n.d-hidden {\n display: none !important; }\n\n.d-flex {\n display: flex; }\n\n.d-inline {\n display: inline; }\n\n.d-inline-block {\n display: inline-block; }\n\n.d-inline-flex {\n display: inline-flex; }\n\n.d-table {\n display: table; }\n\n.d-table-cell {\n display: table-cell; }\n\n/* images */\n.img-fluid {\n max-width: 100%;\n height: auto; }\n\n/* scroll */\n.scroll-x {\n overflow-x: auto; }\n\n.noscroll {\n overflow: hidden; }\n\n/* cursors */\n.disabled {\n cursor: not-allowed; }\n\n.pointer {\n cursor: pointer; }\n\n/* flex */\n.flex-row {\n flex-direction: row; }\n\n.flex-column {\n flex-direction: column; }\n\n.flex-row-reverse {\n flex-direction: row-reverse; }\n\n.flex-column-reverse {\n flex-direction: column-reverse; }\n\n.justify-content-start {\n justify-content: flex-start; }\n\n.justify-content-end {\n justify-content: flex-end; }\n\n.justify-content-center {\n justify-content: center; }\n\n.justify-content-between {\n justify-content: space-between; }\n\n.justify-content-around {\n justify-content: space-around; }\n\n.align-items-start {\n align-items: flex-start; }\n\n.align-items-end {\n align-items: flex-end; }\n\n.align-items-center {\n align-items: center; }\n\n.align-items-baseline {\n align-items: baseline; }\n\n.align-items-stretch {\n align-items: stretch; }\n\n.flex-nowrap {\n flex-wrap: nowrap; }\n\n.flex-wrap {\n flex-wrap: wrap; }\n\n.flex-wrap-reverse {\n flex-wrap: wrap-reverse; }\n\n.align-self-start {\n align-self: flex-start; }\n\n.align-self-end {\n align-self: flex-end; }\n\n.align-self-center {\n align-self: center; }\n\n.align-self-baseline {\n align-self: baseline; }\n\n.align-self-stretch {\n align-self: stretch; }\n\n@media print {\n .no-print,\n .no-print * {\n display: none !important; } }\n\n.hidden-xs-up {\n display: none !important; }\n\n@media (max-width: 575px) {\n .hidden-xs-down {\n display: none !important; } }\n\n@media (min-width: 576px) {\n .hidden-sm-up {\n display: none !important; } }\n\n@media (max-width: 767px) {\n .hidden-sm-down {\n display: none !important; } }\n\n@media (min-width: 768px) {\n .hidden-md-up {\n display: none !important; } }\n\n@media (max-width: 991px) {\n .hidden-md-down {\n display: none !important; } }\n\n@media (min-width: 992px) {\n .hidden-lg-up {\n display: none !important; } }\n\n@media (max-width: 1199px) {\n .hidden-lg-down {\n display: none !important; } }\n\n@media (min-width: 1200px) {\n .hidden-xl-up {\n display: none !important; } }\n\n.hidden-xl-down {\n display: none !important; }\n","// Grid\n//––––––––––––––––––––––––––––––––––––––––––––––––––\n\n@if $enable-grid-classes {\n\n // Containers\n .container {\n @include make-container();\n @include make-container-max-widths();\n }\n\n // Fluid container\n .container-fluid {\n width: 100%;\n @include make-container();\n }\n\n // Row\n .row {\n @include make-row();\n }\n\n // No gutters.\n .no-gutters {\n margin-right: 0;\n margin-left: 0;\n\n > .col,\n > [class*=\"col-\"] {\n padding-right: 0;\n padding-left: 0;\n }\n }\n\n // Columns\n @include make-grid-columns();\n}\n","/// Grid\n//––––––––––––––––––––––––––––––––––––––––––––––––––\n\n@mixin make-container() {\n margin-right: auto;\n margin-left: auto;\n padding-right: ($grid-gutter-width / 2);\n padding-left: ($grid-gutter-width / 2);\n}\n\n\n// For each breakpoint, define the maximum width of the container\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\n @each $breakpoint, $container-max-width in $max-widths {\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n width: $container-max-width;\n max-width: 100%;\n }\n }\n}\n\n@mixin make-row() {\n display: flex;\n flex-wrap: wrap;\n margin-right: ($grid-gutter-width / -2);\n margin-left: ($grid-gutter-width / -2);\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n flex: 0 0 percentage($size / $columns);\n // Add a `max-width` to ensure content within each column does not blow out\n // the width of the column. Applies to IE10+ and Firefox.\n max-width: percentage($size / $columns);\n}","// Breakpoint\n//––––––––––––––––––––––––––––––––––––––––––––––––––\n\n\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.1.\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - 1px, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-max($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n}","// Grid Framework\n//––––––––––––––––––––––––––––––––––––––––––––––––––\n\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\n \n // Common properties for all breakpoints\n %grid-column {\n position: relative;\n width: 100%;\n min-height: 1px; // This prevent columns from collapsing when empty\n padding-right: ($gutter / 2);\n padding-left: ($gutter / 2);\n }\n\n @each $breakpoint in map-keys($breakpoints) {\n $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n // Allow columns to stretch full width below their breakpoints\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @extend %grid-column;\n }\n }\n .col#{$infix},\n .col#{$infix}-auto {\n @extend %grid-column;\n }\n\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n .col#{$infix} {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n }\n .col#{$infix}-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none; // Reset earlier grid tiers\n }\n\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @include make-col($i, $columns);\n }\n }\n\n @for $i from 1 through $columns {\n .order#{$infix}-#{$i} {\n order: $i;\n }\n }\n\n // here we dont need the full with as you cannot offset by 100%\n @for $i from 1 through ($columns - 1) { \n .offset#{$infix}-#{$i} { \n margin-left: percentage($i / $columns); \n }\n }\n }\n }\n}","// Base Styles\n//––––––––––––––––––––––––––––––––––––––––––––––––––\n// NOTE\n// html is set to 62.5% so that all the REM measurements throughout karma-css\n// are based on 10px sizing. So basically 1.5rem = 15px :)\n\n/* box sizing */\n* {\n &,\n\t&::before,\n\t&::after {\n\t\tbox-sizing: border-box;\n }\n}\n\n/* basic document styling */\nhtml {\n font-size: 62.5%;\n}\n\nbody {\n font-size: $base-font-size;\n line-height: $base-line-height;\n font-weight: $base-font-weight;\n font-family: $base-font-family;\n color: $font-color;\n background: $body-background;\n}\n","// Anchor\n//––––––––––––––––––––––––––––––––––––––––––––––––––\n\na {\n color: $link-color;\n text-decoration: $link-decoration;\n transition: all ease-in-out $input-transition-speed;\n &:hover {\n color: $link-color-hover;\n text-decoration: $link-decoration-hover;\n }\n}","// Button\n//––––––––––––––––––––––––––––––––––––––––––––––––––\n\n// default buttons style\n.button {\n @include button;\n @include button-hover;\n}\n\n// button color variations\n@each $button, $colors in $buttons {\n // start with a border color half of the $darken-hover-percent to get a slight visual contrast\n $btn-border: darken(nth($colors, 1), ($darken-hover-percent / 2));\n $btn-font: nth($colors, 2);\n $btn-bg: nth($colors, 1);\n\n // then when we roll over we will user the full percentage to adjust the colors\n $btn-border-hover: darken($btn-border, $darken-hover-percent);\n $btn-bg-hover: darken($btn-bg, $darken-hover-percent);\n\n .button.button-#{$button} {\n @include button-color-variation($btn-font, $btn-bg, $btn-border);\n @include button-hover($btn-font, $btn-bg-hover, $btn-border-hover);\n }\n}","// Button\n//––––––––––––––––––––––––––––––––––––––––––––––––––\n\n// the base styles for a button\n@mixin button {\n display: inline-block;\n padding: $button-padding-y $button-padding-x;\n color: $font-color;\n text-align: center;\n font-family: $base-font-family;\n font-size: $button-font-size;\n font-weight: $button-font-weight;\n line-height: 1.25;\n text-decoration: none;\n white-space: nowrap;\n background-color: $button-default-bg-color;\n border-radius: $global-radius;\n border: 1px solid $border-color;\n cursor: pointer;\n box-sizing: border-box;\n user-select: none;\n transition: all ease-in-out $button-transition-speed;\n}\n\n// the styles required to create a colored variation\n@mixin button-color-variation($color, $background-color, $border-color) {\n color: $color;\n background-color: $background-color;\n border-color: $border-color;\n}\n\n// hover and focus state \n@mixin button-hover(\n $color: $font-color,\n $background-color: $button-default-bg-color, \n $border-color: darken($border-color, $darken-hover-percent)) {\n &:hover,\n &:focus {\n color: $color;\n background-color: $background-color;\n border-color: $border-color;\n outline: 0;\n }\n}\n\n// create a button size variation\n@mixin button-size(\n $padding-y: $button-padding-y, \n $padding-x: $button-padding-x, \n $font-size: $button-font-size) {\n font-size: $font-size;\n padding: $padding-y $padding-x;\n}","// Code\n//––––––––––––––––––––––––––––––––––––––––––––––––––\n\ncode {\n font-family: $code-font-family;\n padding: .2rem .5rem;\n font-size: 90%;\n white-space: nowrap;\n background: $code-background;\n border: 1px solid $border-color;\n border-radius: $global-radius;\n}\n\npre {\n margin-top: 0;\n}\n\npre > code {\n padding: 1rem 1.5rem;\n display: block;\n white-space: pre;\n overflow-x: auto;\n}","// Cursor\n//––––––––––––––––––––––––––––––––––––––––––––––––––\n\n*[disabled] {\n cursor: not-allowed;\n}","// Form\n//––––––––––––––––––––––––––––––––––––––––––––––––––\n\ninput {\n &[type=\"date\"],\n &[type=\"datetime\"],\n &[type=\"datetime-local\"],\n &[type=\"email\"],\n &[type=\"month\"],\n &[type=\"number\"],\n &[type=\"password\"],\n &[type=\"search\"],\n &[type=\"tel\"],\n &[type=\"text\"],\n &[type=\"url\"],\n &[type=\"week\"] {\n appearance: none; // remove awkward defaults on ios\n @include input;\n @include input-size; \n @include input-width;\n @include input-focus;\n }\n}\n\ntextarea {\n appearance: none; // remove awkward defaults on ios\n @include input;\n @include input-width;\n @include input-focus;\n}\n\nselect {\n @include input;\n @include input-size; \n @include input-width;\n @include input-focus;\n &[multiple] {\n height: auto;\n }\n}\n\nlabel,\nlegend {\n display: block;\n margin-bottom: .5rem;\n font-weight: $label-font-weight;\n}\n\nfieldset {\n padding: 0;\n border-width: 0;\n margin-bottom: $input-margin-bottom;\n}\n\n// try so make sensible defaults for radios and checkboxes\ninput {\n &[type=\"checkbox\"],\n &[type=\"radio\"] {\n margin-right: 1.5rem;\n display: inline;\n }\n}\n\n// either the label can carry the class\nlabel {\n &.checkbox,\n &.radio {\n font-weight: normal;\n }\n}\n\n// or label can be a sibling\n.radio,\n.checkbox {\n label {\n font-weight: normal;\n }\n}\n","// Inputs\n//––––––––––––––––––––––––––––––––––––––––––––––––––\n\n\n// base input css\n@mixin input {\n font-size: $input-font-size;\n color: $input-font-color;\n padding: $input-padding-y $input-padding-x;\n line-height: 1.25;\n background: $input-background;\n box-shadow: none;\n box-sizing: border-box;\n margin-bottom: $input-margin-bottom;\n border: $input-border;\n border-radius: $input-border-radius;\n transition: all ease-in-out $input-transition-speed;\n}\n\n// input focus state \n@mixin input-focus(\n $background: $input-background-focus, \n $border-color: $input-border-color-focus) {\n &:focus {\n background: $background;\n border-color: $border-color;\n outline: 0;\n }\n}\n\n// returns the width of the form fields based on the variable used\n@mixin input-width {\n @if $input-use-full-width {\n width: 100%;\n } @else {\n max-width: 100%;\n }\n}\n\n// create an input size variation\n@mixin input-size(\n $padding-y: $input-padding-y, \n $padding-x: $input-padding-x, \n $font-size: $input-font-size, \n $border-width: .1rem) {\n font-size: $font-size;\n padding: $padding-y $padding-x;\n height: input-height($padding-y, $font-size, $border-width);\n}","// _decimal.scss | MIT License | gist.github.com/terkel/4373420\n\n// Round a number to specified digits.\n//\n// @param {Number} $number A number to round\n// @param {Number} [$digits:0] Digits to output\n// @param {String} [$mode:round] (round|ceil|floor) How to round a number\n// @return {Number} A rounded number\n// @example\n// decimal-round(0.333) => 0\n// decimal-round(0.333, 1) => 0.3\n// decimal-round(0.333, 2) => 0.33\n// decimal-round(0.666) => 1\n// decimal-round(0.666, 1) => 0.7\n// decimal-round(0.666, 2) => 0.67\n//\n@function decimal-round ($number, $digits: 0, $mode: round) {\n $n: 1;\n // $number must be a number\n @if type-of($number) != number {\n @warn '#{ $number } is not a number.';\n @return $number;\n }\n // $digits must be a unitless number\n @if type-of($digits) != number {\n @warn '#{ $digits } is not a number.';\n @return $number;\n } @else if not unitless($digits) {\n @warn '#{ $digits } has a unit.';\n @return $number;\n }\n @for $i from 1 through $digits {\n $n: $n * 10;\n }\n @if $mode == round {\n @return round($number * $n) / $n;\n } @else if $mode == ceil {\n @return ceil($number * $n) / $n;\n } @else if $mode == floor {\n @return floor($number * $n) / $n;\n } @else {\n @warn '#{ $mode } is undefined keyword.';\n @return $number;\n }\n}\n\n// Ceil a number to specified digits.\n//\n// @param {Number} $number A number to round\n// @param {Number} [$digits:0] Digits to output\n// @return {Number} A ceiled number\n// @example\n// decimal-ceil(0.333) => 1\n// decimal-ceil(0.333, 1) => 0.4\n// decimal-ceil(0.333, 2) => 0.34\n// decimal-ceil(0.666) => 1\n// decimal-ceil(0.666, 1) => 0.7\n// decimal-ceil(0.666, 2) => 0.67\n//\n@function decimal-ceil ($number, $digits: 0) {\n @return decimal-round($number, $digits, ceil);\n}\n\n// Floor a number to specified digits.\n//\n// @param {Number} $number A number to round\n// @param {Number} [$digits:0] Digits to output\n// @return {Number} A floored number\n// @example\n// decimal-floor(0.333) => 0\n// decimal-floor(0.333, 1) => 0.3\n// decimal-floor(0.333, 2) => 0.33\n// decimal-floor(0.666) => 0\n// decimal-floor(0.666, 1) => 0.6\n// decimal-floor(0.666, 2) => 0.66\n//\n@function decimal-floor ($number, $digits: 0) {\n @return decimal-round($number, $digits, floor);\n}","// HR\n//––––––––––––––––––––––––––––––––––––––––––––––––––\n\nhr {\n margin: 1.5rem 0;\n border-width: 0;\n border-top: 1px solid $border-color;\n}\n","// List\n//––––––––––––––––––––––––––––––––––––––––––––––––––\n\nul {\n padding-left: 0;\n margin-top: 0;\n list-style: circle inside;\n ul, ol {\n margin: 0 0 0 2rem;\n }\n}\n\nol {\n padding-left: 0;\n margin-top: 0;\n list-style: decimal inside;\n ol, ul {\n margin: 0 0 0 2rem;\n }\n}\n","// Spacing\n//––––––––––––––––––––––––––––––––––––––––––––––––––\n\npre,\ndl,\nfigure,\ntable,\np,\nul,\nol,\nform {\n margin-bottom: $generic-margin-bottom;\n}\n","// Table\n//––––––––––––––––––––––––––––––––––––––––––––––––––\n\ntable {\n width: 100%;\n max-width: 100%;\n border-collapse: collapse;\n border-spacing: 0;\n}\n\nth,\ntd {\n padding: $table-cell-padding;\n text-align: left;\n}\n\ntd {\n border-top: 1px solid $border-color;\n}\n\n// visual alternatives\n.table-bordered {\n border: solid 1px $border-color;\n}\n\n.table-headed th {\n background-color: $table-headed-color;\n}\n\n.table-striped tbody tr:nth-child(odd) {\n background-color: $table-striped-color;\n}\n\n.table-hover tbody tr:hover {\n background-color: $table-hover-color;\n}","// Typography\n//––––––––––––––––––––––––––––––––––––––––––––––––––\n\n%h {\n margin: 0 0 $header-margin-bottom;\n font-weight: $heading-font-weight;\n \n small {\n font-size: 65%;\n line-height: 1;\n }\n\n}\n\nh1, .h1 {\n @extend %h;\n font-size: $h1-font-size;\n line-height: 1.2;\n}\n\nh2, .h2 {\n @extend %h;\n font-size: $h2-font-size;\n line-height: 1.25;\n}\n\nh3, .h3 {\n @extend %h;\n font-size: $h3-font-size;\n line-height: 1.3;\n}\n\nh4, .h4 {\n @extend %h;\n font-size: $h4-font-size;\n line-height: 1.35;\n}\n\nh5, .h5 {\n @extend %h;\n font-size: $h5-font-size;\n line-height: 1.5;\n}\n\nh6, .h6 {\n @extend %h;\n font-size: $h6-font-size;\n line-height: 1.6;\n}\n\np {\n margin-top: 0;\n}\n\nblockquote {\n margin: 0 0 $generic-margin-bottom;\n padding: 1rem 1.5rem;\n border-left: 3px solid $border-color;\n}\n","// Color\n//––––––––––––––––––––––––––––––––––––––––––––––––––\n\n// creates color helpers for each color\n// .b-primary {...}\n// .c-primary {...}\n\n@each $name, $color in $colors {\n .b-#{$name} {\n background-color: $color;\n }\n .c-#{$name} {\n color: $color;\n }\n}","// Clearfix\n//––––––––––––––––––––––––––––––––––––––––––––––––––\n\n@mixin clearfix {\n &::after {\n content: \"\";\n display: block;\n clear: both;\n }\n}","// Helpers\n//––––––––––––––––––––––––––––––––––––––––––––––––––\n\n/* clearfix */\n.clearfix { @include clearfix; }\n\n/* width and height */\n.full-height { height: 100%; }\n.full-visual-height { height: 100vh; }\n.full-width { width: 100%; box-sizing: border-box; }\n.max-full-width { max-width: 100%; box-sizing: border-box; }\n\n/* margin */\n.margin-zero { margin: 0; }\n.mt-auto { margin-top: auto; }\n.mr-auto { margin-right: auto; }\n.mb-auto { margin-bottom: auto; }\n.ml-auto { margin-left: auto; }\n\n/* alignment */\n.pull-left { float: left !important; }\n.pull-right { float: right !important; }\n.push-auto { @include push--auto; }\n\n.text-left { text-align: left; }\n.text-right { text-align: right; }\n.text-center { text-align: center; }\n.text-just { text-align: justify; }\n\n.align-top { vertical-align: top; }\n.align-bottom { vertical-align: bottom; }\n.align-middle { vertical-align: middle; }\n.align-baseline { vertical-align: baseline; }\n\n/* positions */\n.fixed { position: fixed; }\n.relative { position: relative; }\n.absolute { position: absolute; }\n\n/* list */\n.list-style-none { list-style: none !important; }\n\n/* typography */\n.muted { opacity: .7; }\n.nowrap { white-space: nowrap; }\n.uppercase { text-transform: uppercase; }\n.small { font-size: 80%; }\n.lead { font-weight: 300; }\n.text-shadow { text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }\n\n/* dont increase lead font size on mobiles */\n@media (min-width: 768px) { \n .lead { font-size: 120%; } \n}\n\n/* display */\n.d-block { display: block; }\n.d-hidden { display: none !important; }\n.d-flex { display: flex; }\n.d-inline { display: inline; }\n.d-inline-block { display: inline-block; }\n.d-inline-flex { display: inline-flex; }\n.d-table { display: table; }\n.d-table-cell { display: table-cell; }\n\n/* images */\n.img-fluid { max-width: 100%; height: auto; }\n\n/* scroll */\n.scroll-x { overflow-x: auto; }\n.noscroll { overflow:hidden; }\n\n/* cursors */\n.disabled { cursor: not-allowed; }\n.pointer { cursor: pointer; }\n\n/* flex */\n\n// directions\n.flex-row { flex-direction: row; }\n.flex-column { flex-direction: column; }\n\n// reverse directions\n.flex-row-reverse { flex-direction: row-reverse; }\n.flex-column-reverse { flex-direction: column-reverse; }\n\n// use in conjunction with .d-flex to justify the items within the container\n.justify-content-start { justify-content: flex-start; }\n.justify-content-end { justify-content: flex-end; }\n.justify-content-center { justify-content: center; }\n.justify-content-between { justify-content: space-between; }\n.justify-content-around { justify-content: space-around; }\n\n// use in conjunction with .d-flex to align the items within the container\n.align-items-start { align-items: flex-start; }\n.align-items-end { align-items: flex-end; }\n.align-items-center { align-items: center; }\n.align-items-baseline { align-items: baseline; }\n.align-items-stretch { align-items: stretch; }\n\n// use in conjunction with .d-flex to apply wrapping of the items within the container\n.flex-nowrap { flex-wrap: nowrap; }\n.flex-wrap { flex-wrap: wrap; }\n.flex-wrap-reverse { flex-wrap: wrap-reverse; }\n\n// use in conjunction with .d-flex on the parent container to align each item individually\n.align-self-start { align-self: flex-start; }\n.align-self-end { align-self: flex-end; }\n.align-self-center { align-self: center; }\n.align-self-baseline { align-self: baseline; }\n.align-self-stretch { align-self: stretch; }\n\n// print\n@media print {\n .no-print, \n .no-print * {\n display: none !important;\n }\n}\n","// Push Auto\n//––––––––––––––––––––––––––––––––––––––––––––––––––\n\n@mixin push--auto {\n margin: { \n left: auto;\n right: auto;\n }\n}","// Visibility\n//––––––––––––––––––––––––––––––––––––––––––––––––––\n\n// creates hidden helpers for each breakpoint\n// .hidden-sm-up {...}\n// .hidden-sm-down {...}\n\n@each $bp in map-keys($grid-breakpoints) {\n .hidden-#{$bp}-up {\n @include media-breakpoint-up($bp) {\n display: none !important;\n }\n }\n .hidden-#{$bp}-down {\n @include media-breakpoint-down($bp) {\n display: none !important;\n }\n }\n}"]} \ No newline at end of file diff --git a/example/static/css/karma.min.css b/example/static/css/karma.min.css new file mode 100644 index 00000000..0c54e404 --- /dev/null +++ b/example/static/css/karma.min.css @@ -0,0 +1 @@ +/*! Karma-CSS v1.5.0 MIT License | http://karmacss.com | https://github.com/accentdesign/karma-css *//*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */.button,a{-webkit-transition:all ease-in-out 250ms;-o-transition:all ease-in-out 250ms}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}.col,legend{max-width:100%}.button,code{white-space:nowrap}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{margin-top:0}a{background-color:transparent;-webkit-text-decoration-skip:objects;color:#33c3f0;transition:all ease-in-out 250ms}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.button,a,a:hover{text-decoration:none}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:"Open Sans",sans-serif;font-size:100%;line-height:1.15;margin:0}.scroll-x,pre>code{overflow-x:auto}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;padding:0;white-space:normal}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}*,.button,::after,::before{-webkit-box-sizing:border-box}.container,.container-fluid{margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.button,body{font-family:"Open Sans",sans-serif;font-weight:400}summary{display:list-item}[hidden],template{display:none}@media (min-width:576px){.container{width:540px;max-width:100%}}@media (min-width:768px){.container{width:720px;max-width:100%}}@media (min-width:992px){.container{width:960px;max-width:100%}}@media (min-width:1200px){.container{width:1140px;max-width:100%}}.container-fluid{width:100%}.row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.col-1,.col-auto{-webkit-box-flex:0}.col-auto{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-webkit-flex:0 0 8.33333%;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-2,.col-3{-webkit-box-flex:0}.col-2{-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-3{-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4,.col-5{-webkit-box-flex:0}.col-4{-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-5{-webkit-flex:0 0 41.66667%;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-6,.col-7{-webkit-box-flex:0}.col-6{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-webkit-flex:0 0 58.33333%;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-8,.col-9{-webkit-box-flex:0}.col-8{-webkit-flex:0 0 66.66667%;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-9{-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10,.col-11{-webkit-box-flex:0}.col-10{-webkit-flex:0 0 83.33333%;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-11{-webkit-flex:0 0 91.66667%;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-1{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.order-2{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.order-3{-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3}.order-4{-webkit-box-ordinal-group:5;-webkit-order:4;-ms-flex-order:4;order:4}.order-5{-webkit-box-ordinal-group:6;-webkit-order:5;-ms-flex-order:5;order:5}.order-6{-webkit-box-ordinal-group:7;-webkit-order:6;-ms-flex-order:6;order:6}.order-7{-webkit-box-ordinal-group:8;-webkit-order:7;-ms-flex-order:7;order:7}.order-8{-webkit-box-ordinal-group:9;-webkit-order:8;-ms-flex-order:8;order:8}.order-9{-webkit-box-ordinal-group:10;-webkit-order:9;-ms-flex-order:9;order:9}.order-10{-webkit-box-ordinal-group:11;-webkit-order:10;-ms-flex-order:10;order:10}.order-11{-webkit-box-ordinal-group:12;-webkit-order:11;-ms-flex-order:11;order:11}.order-12{-webkit-box-ordinal-group:13;-webkit-order:12;-ms-flex-order:12;order:12}.offset-1{margin-left:8.33333%}.offset-2{margin-left:16.66667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333%}.offset-5{margin-left:41.66667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333%}.offset-8{margin-left:66.66667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333%}.offset-11{margin-left:91.66667%}@media (min-width:576px){.col-sm{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-webkit-box-flex:0;-webkit-flex:0 0 8.33333%;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-sm-2{-webkit-box-flex:0;-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-sm-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-webkit-box-flex:0;-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-sm-5{-webkit-box-flex:0;-webkit-flex:0 0 41.66667%;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-sm-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-webkit-box-flex:0;-webkit-flex:0 0 58.33333%;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-sm-8{-webkit-box-flex:0;-webkit-flex:0 0 66.66667%;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-sm-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-webkit-box-flex:0;-webkit-flex:0 0 83.33333%;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-sm-11{-webkit-box-flex:0;-webkit-flex:0 0 91.66667%;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-sm-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-1{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.order-sm-2{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.order-sm-3{-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3}.order-sm-4{-webkit-box-ordinal-group:5;-webkit-order:4;-ms-flex-order:4;order:4}.order-sm-5{-webkit-box-ordinal-group:6;-webkit-order:5;-ms-flex-order:5;order:5}.order-sm-6{-webkit-box-ordinal-group:7;-webkit-order:6;-ms-flex-order:6;order:6}.order-sm-7{-webkit-box-ordinal-group:8;-webkit-order:7;-ms-flex-order:7;order:7}.order-sm-8{-webkit-box-ordinal-group:9;-webkit-order:8;-ms-flex-order:8;order:8}.order-sm-9{-webkit-box-ordinal-group:10;-webkit-order:9;-ms-flex-order:9;order:9}.order-sm-10{-webkit-box-ordinal-group:11;-webkit-order:10;-ms-flex-order:10;order:10}.order-sm-11{-webkit-box-ordinal-group:12;-webkit-order:11;-ms-flex-order:11;order:11}.order-sm-12{-webkit-box-ordinal-group:13;-webkit-order:12;-ms-flex-order:12;order:12}.offset-sm-1{margin-left:8.33333%}.offset-sm-2{margin-left:16.66667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333%}.offset-sm-5{margin-left:41.66667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333%}.offset-sm-8{margin-left:66.66667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333%}.offset-sm-11{margin-left:91.66667%}}@media (min-width:768px){.col-md{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-webkit-box-flex:0;-webkit-flex:0 0 8.33333%;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-md-2{-webkit-box-flex:0;-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-md-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-webkit-box-flex:0;-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-md-5{-webkit-box-flex:0;-webkit-flex:0 0 41.66667%;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-md-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-webkit-box-flex:0;-webkit-flex:0 0 58.33333%;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-md-8{-webkit-box-flex:0;-webkit-flex:0 0 66.66667%;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-md-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-webkit-box-flex:0;-webkit-flex:0 0 83.33333%;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-md-11{-webkit-box-flex:0;-webkit-flex:0 0 91.66667%;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-md-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-1{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.order-md-2{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.order-md-3{-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3}.order-md-4{-webkit-box-ordinal-group:5;-webkit-order:4;-ms-flex-order:4;order:4}.order-md-5{-webkit-box-ordinal-group:6;-webkit-order:5;-ms-flex-order:5;order:5}.order-md-6{-webkit-box-ordinal-group:7;-webkit-order:6;-ms-flex-order:6;order:6}.order-md-7{-webkit-box-ordinal-group:8;-webkit-order:7;-ms-flex-order:7;order:7}.order-md-8{-webkit-box-ordinal-group:9;-webkit-order:8;-ms-flex-order:8;order:8}.order-md-9{-webkit-box-ordinal-group:10;-webkit-order:9;-ms-flex-order:9;order:9}.order-md-10{-webkit-box-ordinal-group:11;-webkit-order:10;-ms-flex-order:10;order:10}.order-md-11{-webkit-box-ordinal-group:12;-webkit-order:11;-ms-flex-order:11;order:11}.order-md-12{-webkit-box-ordinal-group:13;-webkit-order:12;-ms-flex-order:12;order:12}.offset-md-1{margin-left:8.33333%}.offset-md-2{margin-left:16.66667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333%}.offset-md-5{margin-left:41.66667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333%}.offset-md-8{margin-left:66.66667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333%}.offset-md-11{margin-left:91.66667%}}@media (min-width:992px){.col-lg{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-webkit-box-flex:0;-webkit-flex:0 0 8.33333%;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-lg-2{-webkit-box-flex:0;-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-lg-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-webkit-box-flex:0;-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-lg-5{-webkit-box-flex:0;-webkit-flex:0 0 41.66667%;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-lg-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-webkit-box-flex:0;-webkit-flex:0 0 58.33333%;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-lg-8{-webkit-box-flex:0;-webkit-flex:0 0 66.66667%;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-lg-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-webkit-box-flex:0;-webkit-flex:0 0 83.33333%;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-lg-11{-webkit-box-flex:0;-webkit-flex:0 0 91.66667%;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-lg-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-1{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.order-lg-2{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.order-lg-3{-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3}.order-lg-4{-webkit-box-ordinal-group:5;-webkit-order:4;-ms-flex-order:4;order:4}.order-lg-5{-webkit-box-ordinal-group:6;-webkit-order:5;-ms-flex-order:5;order:5}.order-lg-6{-webkit-box-ordinal-group:7;-webkit-order:6;-ms-flex-order:6;order:6}.order-lg-7{-webkit-box-ordinal-group:8;-webkit-order:7;-ms-flex-order:7;order:7}.order-lg-8{-webkit-box-ordinal-group:9;-webkit-order:8;-ms-flex-order:8;order:8}.order-lg-9{-webkit-box-ordinal-group:10;-webkit-order:9;-ms-flex-order:9;order:9}.order-lg-10{-webkit-box-ordinal-group:11;-webkit-order:10;-ms-flex-order:10;order:10}.order-lg-11{-webkit-box-ordinal-group:12;-webkit-order:11;-ms-flex-order:11;order:11}.order-lg-12{-webkit-box-ordinal-group:13;-webkit-order:12;-ms-flex-order:12;order:12}.offset-lg-1{margin-left:8.33333%}.offset-lg-2{margin-left:16.66667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333%}.offset-lg-5{margin-left:41.66667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333%}.offset-lg-8{margin-left:66.66667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333%}.offset-lg-11{margin-left:91.66667%}}@media (min-width:1200px){.col-xl{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-webkit-box-flex:0;-webkit-flex:0 0 8.33333%;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-xl-2{-webkit-box-flex:0;-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-xl-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-webkit-box-flex:0;-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-xl-5{-webkit-box-flex:0;-webkit-flex:0 0 41.66667%;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-xl-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-webkit-box-flex:0;-webkit-flex:0 0 58.33333%;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-xl-8{-webkit-box-flex:0;-webkit-flex:0 0 66.66667%;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-xl-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-webkit-box-flex:0;-webkit-flex:0 0 83.33333%;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-xl-11{-webkit-box-flex:0;-webkit-flex:0 0 91.66667%;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-xl-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-1{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.order-xl-2{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.order-xl-3{-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3}.order-xl-4{-webkit-box-ordinal-group:5;-webkit-order:4;-ms-flex-order:4;order:4}.order-xl-5{-webkit-box-ordinal-group:6;-webkit-order:5;-ms-flex-order:5;order:5}.order-xl-6{-webkit-box-ordinal-group:7;-webkit-order:6;-ms-flex-order:6;order:6}.order-xl-7{-webkit-box-ordinal-group:8;-webkit-order:7;-ms-flex-order:7;order:7}.order-xl-8{-webkit-box-ordinal-group:9;-webkit-order:8;-ms-flex-order:8;order:8}.order-xl-9{-webkit-box-ordinal-group:10;-webkit-order:9;-ms-flex-order:9;order:9}.order-xl-10{-webkit-box-ordinal-group:11;-webkit-order:10;-ms-flex-order:10;order:10}.order-xl-11{-webkit-box-ordinal-group:12;-webkit-order:11;-ms-flex-order:11;order:11}.order-xl-12{-webkit-box-ordinal-group:13;-webkit-order:12;-ms-flex-order:12;order:12}.offset-xl-1{margin-left:8.33333%}.offset-xl-2{margin-left:16.66667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333%}.offset-xl-5{margin-left:41.66667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333%}.offset-xl-8{margin-left:66.66667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333%}.offset-xl-11{margin-left:91.66667%}}*,::after,::before{box-sizing:border-box}html{font-size:62.5%}body{font-size:15px;line-height:1.6;color:#3e3e3e;background:#fff}a:hover{color:#10aee0}.button{display:inline-block;padding:1rem;text-align:center;font-size:1.5rem;line-height:1.25;border-radius:.25rem;border:1px solid #e6e6e6;cursor:pointer;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:all ease-in-out 250ms}.text-left,td,th{text-align:left}fieldset,hr{border-width:0}.disabled,[disabled]{cursor:not-allowed}.button,.button:focus,.button:hover{color:#3e3e3e;background-color:#fff}.button:focus,.button:hover{border-color:#cdcdcd;outline:0}.button.button-primary{color:#fff;background-color:#33c3f0;border-color:#1bbcee}.button.button-primary:focus,.button.button-primary:hover{color:#fff;background-color:#10aee0;border-color:#0f9cc8;outline:0}.button.button-secondary{color:#111;background-color:#f0f0f0;border-color:#e3e3e3}.button.button-secondary:focus,.button.button-secondary:hover{color:#111;background-color:#d7d7d7;border-color:#cacaca;outline:0}code{font-family:monospace,monospace;padding:.2rem .5rem;font-size:90%;background:#f0f0f0;border:1px solid #e6e6e6;border-radius:.25rem}pre>code{padding:1rem 1.5rem;display:block;white-space:pre}select,textarea{color:#3e3e3e;line-height:1.25;background:#fff;font-size:1.5rem;padding:1rem;margin-bottom:1.5rem;max-width:100%}ol,ul{padding-left:0;margin-top:0}input[type=datetime],input[type=datetime-local],input[type=email],input[type=month],input[type=password],input[type=tel],input[type=text],input[type=url],input[type=week],input[type=number],input[type=search],input[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#3e3e3e;line-height:1.25;background:#fff;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:1.5rem;border:1px solid #e6e6e6;border-radius:.25rem;-webkit-transition:all ease-in-out 250ms;-o-transition:all ease-in-out 250ms;transition:all ease-in-out 250ms;font-size:1.5rem;padding:1rem;height:4rem;max-width:100%}input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=month]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,input[type=week]:focus,input[type=number]:focus,input[type=search]:focus,input[type=date]:focus,select:focus,textarea:focus{background:#fff;border-color:#33c3f0;outline:0}textarea{overflow:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #e6e6e6;border-radius:.25rem;-webkit-transition:all ease-in-out 250ms;-o-transition:all ease-in-out 250ms;transition:all ease-in-out 250ms}.full-width,select{-webkit-box-sizing:border-box}select{-webkit-box-shadow:none;box-shadow:none;box-sizing:border-box;border:1px solid #e6e6e6;border-radius:.25rem;-webkit-transition:all ease-in-out 250ms;-o-transition:all ease-in-out 250ms;transition:all ease-in-out 250ms;height:4rem}select[multiple]{height:auto}label,legend{display:block;margin-bottom:.5rem;font-weight:600}fieldset{padding:0;margin-bottom:1.5rem}input[type=checkbox],input[type=radio]{margin-right:1.5rem;display:inline}.checkbox label,.radio label,label.checkbox,label.radio{font-weight:400}hr{margin:1.5rem 0;border-top:1px solid #e6e6e6}ul{list-style:circle inside}ol ol,ol ul,ul ol,ul ul{margin:0 0 0 2rem}ol{list-style:decimal inside}dl,figure,form,ol,p,pre,table,ul{margin-bottom:1.5rem}table{width:100%;max-width:100%;border-collapse:collapse;border-spacing:0}td,th{padding:.85rem}td{border-top:1px solid #e6e6e6}.table-bordered{border:1px solid #e6e6e6}.table-headed th{background-color:#f0f0f0}.table-striped tbody tr:nth-child(odd){background-color:#fafafa}.table-hover tbody tr:hover{background-color:#f5f5f5}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin:0 0 1rem;font-weight:400}.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:65%;line-height:1}.h1,h1{font-size:30px;line-height:1.2}.h2,h2{font-size:22.5px;line-height:1.25}.h3,h3{font-size:17.55px;line-height:1.3}.h4,h4{font-size:15px;line-height:1.35}.h5,h5{font-size:12.45px;line-height:1.5}.h6,h6{font-size:10.05px;line-height:1.6}p{margin-top:0}blockquote{margin:0 0 1.5rem;padding:1rem 1.5rem;border-left:3px solid #e6e6e6}.b-white{background-color:#fff}.c-white{color:#fff}.b-black{background-color:#111}.c-black{color:#111}.b-primary{background-color:#33c3f0}.c-primary{color:#33c3f0}.b-secondary{background-color:#f0f0f0}.c-secondary{color:#f0f0f0}.b-aqua{background-color:#7fdbff}.c-aqua{color:#7fdbff}.b-blue{background-color:#0074d9}.c-blue{color:#0074d9}.b-navy{background-color:#001f3f}.c-navy{color:#001f3f}.b-teal{background-color:#39cccc}.c-teal{color:#39cccc}.b-green{background-color:#2ecc40}.c-green{color:#2ecc40}.b-olive{background-color:#3d9970}.c-olive{color:#3d9970}.b-lime{background-color:#01ff70}.c-lime{color:#01ff70}.b-yellow{background-color:#ffdc00}.c-yellow{color:#ffdc00}.b-orange{background-color:#ff851b}.c-orange{color:#ff851b}.b-red{background-color:#ff4136}.c-red{color:#ff4136}.b-fuchsia{background-color:#f012be}.c-fuchsia{color:#f012be}.b-purple{background-color:#b10dc9}.c-purple{color:#b10dc9}.b-maroon{background-color:#85144b}.c-maroon{color:#85144b}.b-silver{background-color:#ddd}.c-silver{color:#ddd}.b-gray{background-color:#aaa}.c-gray{color:#aaa}.b-facebook{background-color:#3b5999}.c-facebook{color:#3b5999}.b-twitter{background-color:#55acee}.c-twitter{color:#55acee}.b-linkedin{background-color:#0077b5}.c-linkedin{color:#0077b5}.b-googleplus{background-color:#dd4b39}.c-googleplus{color:#dd4b39}.b-instagram{background-color:#e4405f}.c-instagram{color:#e4405f}.b-pinterest{background-color:#bd081c}.c-pinterest{color:#bd081c}.clearfix::after{content:"";display:block;clear:both}.full-height{height:100%}.full-visual-height{height:100vh}.full-width{width:100%;box-sizing:border-box}.max-full-width{max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.margin-zero{margin:0}.ml-auto,.push-auto{margin-left:auto}.mr-auto,.push-auto{margin-right:auto}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.pull-left{float:left!important}.pull-right{float:right!important}.text-right{text-align:right}.text-center{text-align:center}.text-just{text-align:justify}.align-top{vertical-align:top}.align-bottom{vertical-align:bottom}.align-middle{vertical-align:middle}.align-baseline{vertical-align:baseline}.fixed{position:fixed}.relative{position:relative}.absolute{position:absolute}.list-style-none{list-style:none!important}.muted{opacity:.7}.nowrap{white-space:nowrap}.uppercase{text-transform:uppercase}.small{font-size:80%}.lead{font-weight:300}.text-shadow{text-shadow:0 2px 4px rgba(0,0,0,.5)}.d-block{display:block}.d-hidden{display:none!important}.d-flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-inline-flex{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex}.d-table{display:table}.d-table-cell{display:table-cell}.hidden-xl-down,.hidden-xs-up{display:none!important}.img-fluid{max-width:100%;height:auto}.noscroll{overflow:hidden}.pointer{cursor:pointer}.flex-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.flex-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.flex-row-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.flex-column-reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.justify-content-start{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.justify-content-end{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.justify-content-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.justify-content-between{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.justify-content-around{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.align-items-start{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.align-items-end{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.align-items-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.align-items-baseline{-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline}.align-items-stretch{-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.flex-nowrap{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.flex-wrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-wrap-reverse{-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.align-self-start{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}.align-self-end{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.align-self-center{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.align-self-baseline{-webkit-align-self:baseline;-ms-flex-item-align:baseline;align-self:baseline}.align-self-stretch{-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch}@media print{.no-print,.no-print *{display:none!important}}@media (max-width:575px){.hidden-xs-down{display:none!important}}@media (min-width:576px){.hidden-sm-up{display:none!important}}@media (max-width:767px){.hidden-sm-down{display:none!important}}@media (min-width:768px){.lead{font-size:120%}.hidden-md-up{display:none!important}}@media (max-width:991px){.hidden-md-down{display:none!important}}@media (min-width:992px){.hidden-lg-up{display:none!important}}@media (max-width:1199px){.hidden-lg-down{display:none!important}}@media (min-width:1200px){.hidden-xl-up{display:none!important}} \ No newline at end of file diff --git a/example/templates/example/basic_page.html b/example/templates/example/basic_page.html index dcf37976..3269ff75 100644 --- a/example/templates/example/basic_page.html +++ b/example/templates/example/basic_page.html @@ -6,6 +6,7 @@ {% firstof page.seo_title page.title %} + {% if messages %} diff --git a/example/templates/streamforms/form_block.html b/example/templates/streamforms/form_block.html new file mode 100644 index 00000000..bba993ff --- /dev/null +++ b/example/templates/streamforms/form_block.html @@ -0,0 +1,9 @@ +

{{ value.form.name }}

+
+ {% csrf_token %} + {% for hidden in form.hidden_fields %}{{ hidden }}{% endfor %} + {% for field in form.visible_fields %} + {% include 'streamforms/partials/form_field.html' %} + {% endfor %} + +
\ No newline at end of file diff --git a/gulpfile.js b/gulpfile.js new file mode 100644 index 00000000..2fde2978 --- /dev/null +++ b/gulpfile.js @@ -0,0 +1,78 @@ +var $ = require('gulp-load-plugins')(); +var gulp = require('gulp'); +var runSequence = require('run-sequence'); + +// postcss +var autoprefixer = require('autoprefixer'); +var discardempty = require('postcss-discard-empty'); +var discardcomments = require('postcss-discard-comments'); +var mergerules = require('postcss-merge-rules'); + +var config = { + publicDir: 'example/static', + scssDir: 'example/scss', + autoprefixer: { + browsers: [ + 'Chrome >= 35', + 'Firefox >= 38', + 'Edge >= 12', + 'Explorer >= 10', + 'iOS >= 8', + 'Safari >= 8', + 'Android 2.3', + 'Android >= 4', + 'Opera >= 12' + ], + "cascade": false + }, + sass: { + "includePaths": [ + 'node_modules' + ] + }, + cssmin: {} +}; + + +/* + * Karma CSS + */ +gulp.task('scss', function () { + return gulp.src(config.scssDir + '/*.scss') + .pipe($.sourcemaps.init()) + .pipe($.sass(config.sass)) + .pipe($.postcss([ + discardcomments(), + discardempty(), + mergerules(), + autoprefixer(config.autoprefixer) + ])) + .pipe($.sourcemaps.write('.')) + .pipe(gulp.dest(config.publicDir + '/css')); +}); + +gulp.task('min', function () { + return gulp.src([config.publicDir + '/css/*.css', '!' + config.publicDir + '/css/*.min.css']) + .pipe($.cssmin(config.cssmin)) + .pipe($.rename({suffix: '.min'})) + .pipe(gulp.dest(config.publicDir + '/css')) + .pipe($.livereload()); +}); + +gulp.task('scss_min', function (cb) { + runSequence('scss', 'min', cb); +}); + + +/* + * Global + */ +gulp.task('watch', ['scss_min'], function () { + $.livereload.listen(); + gulp.watch( + [ + config.scssDir + '/*.scss', + config.scssDir + '/**/*.scss' + ], + ['scss_min']); +}); \ No newline at end of file diff --git a/package.json b/package.json new file mode 100644 index 00000000..89bcd06e --- /dev/null +++ b/package.json @@ -0,0 +1,38 @@ +{ + "name": "karmacss.com", + "version": "0.0.0", + "directories": {}, + "repository": { + "type": "git", + "url": "http://karmacss.com" + }, + "author": "Accent Design", + "license": "MIT", + "bugs": {}, + "homepage": "http://karmacss.com", + "scripts": { + "watch": "gulp watch" + }, + "dependencies": { + }, + "devDependencies": { + "autoprefixer": "^7.1.1", + "gulp": "^3.9.1", + "gulp-cssmin": "^0.2.0", + "gulp-ignore": "^2.0.2", + "gulp-livereload": "^3.8.1", + "gulp-load-plugins": "^1.2.4", + "gulp-postcss": "^7.0.0", + "gulp-rename": "^1.2.2", + "gulp-ruby-sass": "^2.0.6", + "gulp-sass": "^3.1.0", + "gulp-sourcemaps": "^2.6.0", + "gulp-watch": "^4.3.6", + "karma-css": "1.5.0", + "node-sass": "^4.5.3", + "postcss-discard-comments": "^2.0.4", + "postcss-discard-empty": "^2.1.0", + "postcss-merge-rules": "^2.1.2", + "run-sequence": "^1.2.1" + } + } \ No newline at end of file