From 47842ace3cf899af0fda2c787face3d9f1324747 Mon Sep 17 00:00:00 2001 From: Jaroslav Cerveny Date: Sat, 29 Jun 2019 20:39:37 +0200 Subject: [PATCH 1/4] only add some atomic floder to sass components --- assets/sass/components/01-atoms/button/.gitkeep | 0 assets/sass/components/01-atoms/field/.gitkeep | 0 assets/sass/components/01-atoms/form/.gitkeep | 0 assets/sass/components/01-atoms/typography/.gitkeep | 0 assets/sass/components/02-molecules/block/.gitkeep | 0 assets/sass/components/02-molecules/breadcrumb/.gitkeep | 0 assets/sass/components/02-molecules/comment/.gitkeep | 0 assets/sass/components/02-molecules/form/.gitkeep | 0 assets/sass/components/02-molecules/menu/.gitkeep | 0 assets/sass/components/02-molecules/message/.gitkeep | 0 assets/sass/components/02-molecules/node/ds/.gitkeep | 0 assets/sass/components/02-molecules/node/paragraph/.gitkeep | 0 assets/sass/components/02-molecules/pager/.gitkeep | 0 assets/sass/components/02-molecules/pagetitle/.gitkeep | 0 assets/sass/components/02-molecules/tabs/.gitkeep | 0 assets/sass/components/02-molecules/view/.gitkeep | 0 assets/sass/components/03-organisms/footer/.gitkeep | 0 assets/sass/components/03-organisms/header/.gitkeep | 0 assets/sass/components/03-organisms/main/.gitkeep | 0 assets/sass/components/03-organisms/navbar/.gitkeep | 0 assets/sass/components/04-layouts/.gitkeep | 0 assets/sass/components/05-pages/.gitkeep | 0 22 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 assets/sass/components/01-atoms/button/.gitkeep create mode 100644 assets/sass/components/01-atoms/field/.gitkeep create mode 100644 assets/sass/components/01-atoms/form/.gitkeep create mode 100644 assets/sass/components/01-atoms/typography/.gitkeep create mode 100644 assets/sass/components/02-molecules/block/.gitkeep create mode 100644 assets/sass/components/02-molecules/breadcrumb/.gitkeep create mode 100644 assets/sass/components/02-molecules/comment/.gitkeep create mode 100644 assets/sass/components/02-molecules/form/.gitkeep create mode 100644 assets/sass/components/02-molecules/menu/.gitkeep create mode 100644 assets/sass/components/02-molecules/message/.gitkeep create mode 100644 assets/sass/components/02-molecules/node/ds/.gitkeep create mode 100644 assets/sass/components/02-molecules/node/paragraph/.gitkeep create mode 100644 assets/sass/components/02-molecules/pager/.gitkeep create mode 100644 assets/sass/components/02-molecules/pagetitle/.gitkeep create mode 100644 assets/sass/components/02-molecules/tabs/.gitkeep create mode 100644 assets/sass/components/02-molecules/view/.gitkeep create mode 100644 assets/sass/components/03-organisms/footer/.gitkeep create mode 100644 assets/sass/components/03-organisms/header/.gitkeep create mode 100644 assets/sass/components/03-organisms/main/.gitkeep create mode 100644 assets/sass/components/03-organisms/navbar/.gitkeep create mode 100644 assets/sass/components/04-layouts/.gitkeep create mode 100644 assets/sass/components/05-pages/.gitkeep diff --git a/assets/sass/components/01-atoms/button/.gitkeep b/assets/sass/components/01-atoms/button/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/assets/sass/components/01-atoms/field/.gitkeep b/assets/sass/components/01-atoms/field/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/assets/sass/components/01-atoms/form/.gitkeep b/assets/sass/components/01-atoms/form/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/assets/sass/components/01-atoms/typography/.gitkeep b/assets/sass/components/01-atoms/typography/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/assets/sass/components/02-molecules/block/.gitkeep b/assets/sass/components/02-molecules/block/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/assets/sass/components/02-molecules/breadcrumb/.gitkeep b/assets/sass/components/02-molecules/breadcrumb/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/assets/sass/components/02-molecules/comment/.gitkeep b/assets/sass/components/02-molecules/comment/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/assets/sass/components/02-molecules/form/.gitkeep b/assets/sass/components/02-molecules/form/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/assets/sass/components/02-molecules/menu/.gitkeep b/assets/sass/components/02-molecules/menu/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/assets/sass/components/02-molecules/message/.gitkeep b/assets/sass/components/02-molecules/message/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/assets/sass/components/02-molecules/node/ds/.gitkeep b/assets/sass/components/02-molecules/node/ds/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/assets/sass/components/02-molecules/node/paragraph/.gitkeep b/assets/sass/components/02-molecules/node/paragraph/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/assets/sass/components/02-molecules/pager/.gitkeep b/assets/sass/components/02-molecules/pager/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/assets/sass/components/02-molecules/pagetitle/.gitkeep b/assets/sass/components/02-molecules/pagetitle/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/assets/sass/components/02-molecules/tabs/.gitkeep b/assets/sass/components/02-molecules/tabs/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/assets/sass/components/02-molecules/view/.gitkeep b/assets/sass/components/02-molecules/view/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/assets/sass/components/03-organisms/footer/.gitkeep b/assets/sass/components/03-organisms/footer/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/assets/sass/components/03-organisms/header/.gitkeep b/assets/sass/components/03-organisms/header/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/assets/sass/components/03-organisms/main/.gitkeep b/assets/sass/components/03-organisms/main/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/assets/sass/components/03-organisms/navbar/.gitkeep b/assets/sass/components/03-organisms/navbar/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/assets/sass/components/04-layouts/.gitkeep b/assets/sass/components/04-layouts/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/assets/sass/components/05-pages/.gitkeep b/assets/sass/components/05-pages/.gitkeep new file mode 100644 index 0000000..e69de29 From 86e82aa9a7e1788c67635992f0de09ce28cff639 Mon Sep 17 00:00:00 2001 From: Jaroslav Cerveny Date: Sun, 30 Jun 2019 16:43:31 +0200 Subject: [PATCH 2/4] add variables, main menu style and mobile version --- assets/javascript/mobile_menu.js | 31 + assets/javascript/navbar_icon.js | 21 + assets/sass/_variables.scss | 64 + .../components/03-organisms/header/.gitkeep | 0 .../03-organisms/header/_header-base.scss | 62 + .../header/_header-block-branding.scss | 19 + .../header/_header-block-search.scss | 20 + .../03-organisms/menu/_menu-base.scss | 14 + .../03-organisms/menu/_menu-block-menu.scss | 186 + .../components/03-organisms/navbar/.gitkeep | 0 .../03-organisms/navbar/_navbar-base.scss | 32 + .../navbar/_navbar-block-branding.scss | 25 + .../03-organisms/navbar/_navbar-collapse.scss | 24 + .../03-organisms/navbar/_navbar-icons.scss | 67 + assets/sass/components/_main_menu.scss | 56 - assets/sass/sections/_header.scss | 49 - assets/sass/sections/_navigation.scss | 11 - csgov_theme.info.yml | 1 + css/font-awesome.css | 4327 ++++++++++++++++- css/style.css | 1641 ++++++- css/style.css.map | 1 + images/mob-down.png | Bin 0 -> 270 bytes images/mob-up.png | Bin 0 -> 263 bytes js/csgov_theme.js | 92 +- js/csgov_theme.js.map | 1 + js/czgov_theme.js | 37 - js/czgov_theme.js.map | 1 - templates/system/page.html.twig | 42 +- 28 files changed, 6652 insertions(+), 172 deletions(-) create mode 100644 assets/javascript/mobile_menu.js create mode 100644 assets/javascript/navbar_icon.js delete mode 100644 assets/sass/components/03-organisms/header/.gitkeep create mode 100644 assets/sass/components/03-organisms/header/_header-base.scss create mode 100644 assets/sass/components/03-organisms/header/_header-block-branding.scss create mode 100644 assets/sass/components/03-organisms/header/_header-block-search.scss create mode 100644 assets/sass/components/03-organisms/menu/_menu-base.scss create mode 100644 assets/sass/components/03-organisms/menu/_menu-block-menu.scss delete mode 100644 assets/sass/components/03-organisms/navbar/.gitkeep create mode 100644 assets/sass/components/03-organisms/navbar/_navbar-base.scss create mode 100644 assets/sass/components/03-organisms/navbar/_navbar-block-branding.scss create mode 100644 assets/sass/components/03-organisms/navbar/_navbar-collapse.scss create mode 100644 assets/sass/components/03-organisms/navbar/_navbar-icons.scss delete mode 100644 assets/sass/components/_main_menu.scss delete mode 100644 assets/sass/sections/_header.scss delete mode 100644 assets/sass/sections/_navigation.scss create mode 100644 css/style.css.map create mode 100644 images/mob-down.png create mode 100644 images/mob-up.png create mode 100644 js/csgov_theme.js.map delete mode 100644 js/czgov_theme.js delete mode 100644 js/czgov_theme.js.map diff --git a/assets/javascript/mobile_menu.js b/assets/javascript/mobile_menu.js new file mode 100644 index 0000000..6c0cfe4 --- /dev/null +++ b/assets/javascript/mobile_menu.js @@ -0,0 +1,31 @@ +/** + * @file + * JS for Mobile menu + */ + +(function ($) { + Drupal.behaviors.csgov_theme_MobileMenu = { + attach: function (context, settings) { + + $('#menu .block-menu ul > li:has(ul)').each(function() { + $(this).append( "" ); + }); + + $('#menu .block-menu li.menu-item--active-trail > span').each(function() { + $(this).prev().addClass("open"); + $(this).addClass("open"); + }); + + $("#menu .block-menu span").click(function(){ + if($(this).hasClass('open')) { + $(this).prev().removeClass("open"); + $(this).removeClass("open"); + } else { + $(this).prev().addClass("open"); + $(this).addClass("open"); + } + }); + + } + }; +})(jQuery); diff --git a/assets/javascript/navbar_icon.js b/assets/javascript/navbar_icon.js new file mode 100644 index 0000000..84f9e65 --- /dev/null +++ b/assets/javascript/navbar_icon.js @@ -0,0 +1,21 @@ +/** + * @file + * JS for Navbar menu. + */ + +(function ($) { + Drupal.behaviors.csgov_theme_NavbarMenu = { + attach: function (context, settings) { + + $(".icon-menu").click(function() { + if ($('body').hasClass('menu-open')) { + $("body").removeClass("menu-open"); + } + else { + $("body").addClass("menu-open"); + } + }); + + } + }; +})(jQuery); diff --git a/assets/sass/_variables.scss b/assets/sass/_variables.scss index 9d0ffd1..ec8fa59 100644 --- a/assets/sass/_variables.scss +++ b/assets/sass/_variables.scss @@ -1,6 +1,7 @@ // // Default colors // + // Colors $black: rgb(0, 0, 0); $white: rgb(255, 255, 255); @@ -31,6 +32,56 @@ $white-8: rgba(255, 255, 255, .8); $white-9: rgba(255, 255, 255, .9); $white-10: $white; + +// +// Design system color +// + +// Primary +$primary-color: #2362A2; +$primary-light-color: #337DBD; +$primary-dark-color: #254E80; + +// Secondary +$secondary-color: #ECAE1A; +$secondary-dark-color: #DD9F0C; + +// Background +$background-color: #F5F5F5; +$background-light-color: #FFFFFF; +$background-dark-color: #3B3B3B; + +// Text +$primary-text-color: #FFFFFF; +$secondary-text-color: #3B3B3B; + +// Other +$error-color: #E04857; +$success-color: #6FBD2C; + + +// +// Components +// + +// Navbar +$navbar-bg: $primary-color; +$navbar-text: $primary-text-color; +$navbar-collapse-bg: $background-color; +$navbar-collapse-text: $secondary-text-color; + +// Header + +// Main Menu +$main-menu-bg: $primary-color; +$main-menu-bg-active: $primary-dark-color; +$main-menu-text: $primary-text-color; +$main-menu-text-active: $primary-text-color; + +// Footer + + + // // Color sections // @@ -70,9 +121,11 @@ $color-info: #5bc0de; $color-warning: #f0ad4e; $color-danger: #d9534f; + // // Layout dimensions. // + // Small screen side padding $site-padding: 2rem; // Max width for large monitor. @@ -93,9 +146,18 @@ $breakpoints: ( large: $bp-large / 1.6, ); +$screen-sm-min: $bp-small; +$screen-md-min: $bp-medium; +$screen-lg-min: $bp-large; + +$screen-sm-max: ($screen-md-min - 1); +$screen-md-max: ($screen-lg-min - 1); + + // // Fonts // + // Font sizes $base-font-size: 1.6rem; $font-size-large: $base-font-size * 1.5; @@ -148,6 +210,8 @@ $main-navigation-action-hover: $black; $main-navigation-accent: $gray-3; $main-navigation-accent-hover: $color-standard-action; + + // // View modes // diff --git a/assets/sass/components/03-organisms/header/.gitkeep b/assets/sass/components/03-organisms/header/.gitkeep deleted file mode 100644 index e69de29..0000000 diff --git a/assets/sass/components/03-organisms/header/_header-base.scss b/assets/sass/components/03-organisms/header/_header-base.scss new file mode 100644 index 0000000..0a2877a --- /dev/null +++ b/assets/sass/components/03-organisms/header/_header-base.scss @@ -0,0 +1,62 @@ +// +// HEADER +// + +@media (max-width: $screen-sm-max) { + +} + +@media (min-width: $screen-md-min) { + + header { + background: $header-background; + } + + .region-header { + display: grid; + grid-template-columns: 2fr 1fr; + grid-template-rows: 1fr auto; + margin: 0 auto; + max-width: $max-width; + padding: 0 2rem; + position: relative; + z-index: 300; + + @include bp(medium) { + grid-template-columns: 3fr 2fr; + } + + @include bp(medium) { + grid-template-columns: 2fr 1fr 2fr; + } + + .logo { + grid-area: 1/1/1/2; + margin: 0.5em; + max-width: 100px; + + @include bp(small) { + margin: 1em 0; + max-width: 150px; + } + + @include bp(medium) { + max-width: 200px; + } + } + + .search { + grid-area: 1/2/1/3; + + @include bp(medium) { + grid-area: 1/3/1/4; + } + } + + .menu-switch { + grid-area: 1/2/1/3; + } + } + +} + diff --git a/assets/sass/components/03-organisms/header/_header-block-branding.scss b/assets/sass/components/03-organisms/header/_header-block-branding.scss new file mode 100644 index 0000000..0c12b65 --- /dev/null +++ b/assets/sass/components/03-organisms/header/_header-block-branding.scss @@ -0,0 +1,19 @@ +// +// HEADER - BRANDING +// + +#header { + + @media (max-width: $screen-sm-max) { + + .block-system-branding-block { + display: none; + } + + } + + @media (min-width: $screen-md-min) { + + } + +} diff --git a/assets/sass/components/03-organisms/header/_header-block-search.scss b/assets/sass/components/03-organisms/header/_header-block-search.scss new file mode 100644 index 0000000..746d26c --- /dev/null +++ b/assets/sass/components/03-organisms/header/_header-block-search.scss @@ -0,0 +1,20 @@ +// +// HEADER - BLOCK - SEARCH +// + +#header { + + @media (max-width: $screen-sm-max) { + + .block-search { + padding: 30px 35px 0px 35px; + margin: 0; + } + + } + + @media (min-width: $screen-md-min) { + + } + +} diff --git a/assets/sass/components/03-organisms/menu/_menu-base.scss b/assets/sass/components/03-organisms/menu/_menu-base.scss new file mode 100644 index 0000000..4b7f2a3 --- /dev/null +++ b/assets/sass/components/03-organisms/menu/_menu-base.scss @@ -0,0 +1,14 @@ +/* ========================================================================== + MENU + ========================================================================== */ + +@media (min-width: $screen-md-min) { + + #menu { + background: $main-menu-bg; + } + +} + + + \ No newline at end of file diff --git a/assets/sass/components/03-organisms/menu/_menu-block-menu.scss b/assets/sass/components/03-organisms/menu/_menu-block-menu.scss new file mode 100644 index 0000000..616fe3d --- /dev/null +++ b/assets/sass/components/03-organisms/menu/_menu-block-menu.scss @@ -0,0 +1,186 @@ +/* ========================================================================== + MAIN - BLOCK - MENU + ========================================================================== */ + +#menu { + + .block-menu > h2 { + display: none; + } + + @media (max-width: $screen-sm-max) { + + .container { + padding: 0; + margin: 0; + } + + .block-menu { + + padding: 30px 35px; + margin: 0; + + /* 1 */ + ul.menu { + margin: 0; + padding: 0; + } + ul.menu li { + position: relative; + margin: 0; + padding: 0; + list-style: none; + } + ul.menu li a { + display: block; + padding: 20px 80px 20px 20px; + text-decoration: none; + border-bottom: 1px solid #EEEEEE; + color: #000000; + font-weight: 700; + font-size: 20px; + border-left: 5px solid #FFFFFF; + } + ul.menu li a.is-active { + color: $primary-color; + border-left: 5px solid $primary-color; + } + + /* 2 */ + ul.menu li ul { + display: none; + border: 0; + } + ul.menu li ul.open { + display: block; + } + ul.menu li ul li a { + padding: 25px 80px 25px 40px; + } + ul.menu li a:hover { + + } + + /* 3 */ + ul.menu li ul li ul li a { + padding: 25px 80px 25px 60px; + } + + /* 4 */ + ul.menu li ul li ul li ul li a { + padding: 25px 80px 25px 80px; + } + + /* span */ + ul.menu li span { + position: absolute; + right: 0; + top: 0px; + height: 60px; + width: 60px; + background: url('../images/mob-down.png') no-repeat 50% 50%; + cursor: pointer; + border-left: 1px solid #DDDDDD; + } + ul.menu li span.open { + background: url('../images/mob-up.png') no-repeat 50% 50%; + } + + } + + } + + @media (min-width: $screen-md-min) { + + .block-menu { + + display: block !important; + + /* 1 */ + ul.menu { + margin: 0; + padding: 0; + display: flex; + flex-direction: row; + } + ul.menu li { + margin: 0; + padding: 0; + list-style: none; + /* flex-grow: 1; */ + position: relative; + line-height: 1; + } + ul.menu li a { + display: block; + height: 60px; + line-height: 60px; + padding: 0 30px; + color: $main-menu-text; + text-decoration: none; + text-transform: uppercase; + white-space: nowrap; + } + ul.menu > li:hover > a { + background: $main-menu-bg; + color: $main-menu-text; + } + ul.menu > li > a:hover { + background: $main-menu-bg-active; + color: $main-menu-text-active; + } + ul.menu > li > a.is-active, + ul.menu > li > a.is-active:hover { + background: $main-menu-bg-active; + color: $main-menu-text-active; + } + + /* 2 */ + ul.menu > li > ul { + display: none; + background: $main-menu-bg; + } + ul.menu > li:hover > ul { + position: absolute; + top: 60px; + z-index: 1000; + display: block; + height: auto; + min-width: 100%; + } + ul.menu > li:last-child > ul { + right: 0; + left: auto; + } + ul.menu > li > ul > li { + margin: 0; + padding: 0; + height: auto; + line-height: 1; + } + ul.menu > li > ul > li > a { + height: 60px; + line-height: 60px; + padding: 0 30px; + color: $main-menu-text; + } + ul.menu > li > ul > li > a:hover { + background: $main-menu-bg-active; + color: $main-menu-text; + } + ul.menu > ul > li > a.is-active, + ul.menu > ul > li > a.is-active:hover { + background: $main-menu-bg-active; + color: $main-menu-text; + } + + /* 3 */ + ul.menu > li > ul > li > ul { + display: none !important; + } + + } + + } + +} diff --git a/assets/sass/components/03-organisms/navbar/.gitkeep b/assets/sass/components/03-organisms/navbar/.gitkeep deleted file mode 100644 index e69de29..0000000 diff --git a/assets/sass/components/03-organisms/navbar/_navbar-base.scss b/assets/sass/components/03-organisms/navbar/_navbar-base.scss new file mode 100644 index 0000000..73766ba --- /dev/null +++ b/assets/sass/components/03-organisms/navbar/_navbar-base.scss @@ -0,0 +1,32 @@ +/* ========================================================================== + NAVBAR + ========================================================================== */ + +@media (max-width: $screen-sm-max) { + + #navbar-wrapper { + position: relative; + height: 110px; + } + #navbar { + position: relative; + z-index: 100; + height: 110px; + background: $navbar-bg; + color: $navbar-text; + } + body.menu-open #navbar { + position: fixed; + top: 0px; + width: 100%; + } + +} + +@media (min-width: $screen-md-min) { + + #navbar-wrapper { + display: none !important; + } + +} diff --git a/assets/sass/components/03-organisms/navbar/_navbar-block-branding.scss b/assets/sass/components/03-organisms/navbar/_navbar-block-branding.scss new file mode 100644 index 0000000..8b12005 --- /dev/null +++ b/assets/sass/components/03-organisms/navbar/_navbar-block-branding.scss @@ -0,0 +1,25 @@ +/* ========================================================================== + NAVBAR - BLOCK - BRANDING + ========================================================================== */ + +#navbar { + + .block-system-branding-block { + + margin: 0; + height: 110px; + float: left; + + a { + display: inline-block; + padding: 10px; + text-decoration: none; + } + .site-logo img { + width: auto; + height: 90px; + } + + } + +} diff --git a/assets/sass/components/03-organisms/navbar/_navbar-collapse.scss b/assets/sass/components/03-organisms/navbar/_navbar-collapse.scss new file mode 100644 index 0000000..9dba2cb --- /dev/null +++ b/assets/sass/components/03-organisms/navbar/_navbar-collapse.scss @@ -0,0 +1,24 @@ +/* ========================================================================== + NAVBAR - COLLAPSE + ========================================================================== */ + +@media (max-width: $screen-sm-max) { + + #navbar-collapse { + display: none; + } + + body.menu-open #navbar-collapse { + display: block; + position: fixed; + width: 100%; + height: calc(100% - 110px); + top: 110px; + left: 0; + z-index: 1000; + background: $navbar-collapse-bg; + color: $navbar-collapse-text; + overflow-y: auto; + } + +} diff --git a/assets/sass/components/03-organisms/navbar/_navbar-icons.scss b/assets/sass/components/03-organisms/navbar/_navbar-icons.scss new file mode 100644 index 0000000..030df68 --- /dev/null +++ b/assets/sass/components/03-organisms/navbar/_navbar-icons.scss @@ -0,0 +1,67 @@ +/* ========================================================================== + NAVBAR - ICONS + ========================================================================== */ + +#navbar { + + .icon-menu { + position: absolute; + right: 0; + top: 0; + width: 80px; + height: 110px; + border: 0; + background: none; + z-index: 200; + text-align: center; + margin: 0; + padding: 0; + } + + .icon-menu span.icon-menu-1, + .icon-menu span.icon-menu-2, + .icon-menu span.icon-menu-3 { + width: 30px; + height: 4px; + background: $navbar-text; + display: block; + margin: 6px auto; + border-radius: 2px; + position: relative; + top: 0; + } + .icon-menu span.icon-menu-1, + .icon-menu span.icon-menu-3 { + transition: all 0.1s 0.1s; + } + .icon-menu span.icon-menu-2 { + transition: all 0.1s 0.1s; + } + +} + +/* open */ +body.menu-open #navbar { + + .icon-menu span.icon-menu-1 { + transform: rotate(45deg); + position: relative; + top: 10px; + } + .icon-menu span.icon-menu-2 { + visibility: hidden; + } + .icon-menu span.icon-menu-3 { + transform: rotate(-45deg); + position: relative; + top: -10px; + } + .icon-menu span.icon-menu-1, + .icon-menu span.icon-menu-3 { + transition: all 0 0; + } + .icon-menu span.icon-menu-2 { + transition: all 0.1s 0s; + } + +} diff --git a/assets/sass/components/_main_menu.scss b/assets/sass/components/_main_menu.scss deleted file mode 100644 index 5cd09c4..0000000 --- a/assets/sass/components/_main_menu.scss +++ /dev/null @@ -1,56 +0,0 @@ -.main-navigation { - background: $main-navigation-background; - box-shadow: inset 0 -5px 0 0 $main-navigation-accent; - - .menu { - display: none; - padding: 0; - margin: 0; - - @include bp(medium) { - display: flex; - } - - > .menu-item { - padding: 0; - - > a { - color: $main-navigation-action; - display: block; - padding: 1em; - text-decoration: none; - - &:hover, - &.is-active { - box-shadow: inset 0 -5px 0 0 $main-navigation-accent-hover; - color: $main-navigation-action-hover; - } - } - } - > .menu-item--active-trail { - > a { - box-shadow: inset 0 -5px 0 0 $main-navigation-accent-hover; - color: $main-navigation-action-hover; - } - } - > .menu-item--collapsed { - list-style-type: none; - list-style-image: none; - - > a { - &:after { - color: $main-navigation-action; - content: ''; - display: inline-block; - width: 0; - height: 0; - vertical-align: middle; - border-top: 5px solid; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - margin-left: 8px; - } - } - } - } -} diff --git a/assets/sass/sections/_header.scss b/assets/sass/sections/_header.scss deleted file mode 100644 index 7f01e92..0000000 --- a/assets/sass/sections/_header.scss +++ /dev/null @@ -1,49 +0,0 @@ -header { - background: $header-background; -} - -.region-header { - display: grid; - grid-template-columns: 2fr 1fr; - grid-template-rows: 1fr auto; - margin: 0 auto; - max-width: $max-width; - padding: 0 2rem; - position: relative; - z-index: 300; - - @include bp(medium) { - grid-template-columns: 3fr 2fr; - } - - @include bp(medium) { - grid-template-columns: 2fr 1fr 2fr; - } - - .logo { - grid-area: 1/1/1/2; - margin: 0.5em; - max-width: 100px; - - @include bp(small) { - margin: 1em 0; - max-width: 150px; - } - - @include bp(medium) { - max-width: 200px; - } - } - - .search { - grid-area: 1/2/1/3; - - @include bp(medium) { - grid-area: 1/3/1/4; - } - } - - .menu-switch { - grid-area: 1/2/1/3; - } -} diff --git a/assets/sass/sections/_navigation.scss b/assets/sass/sections/_navigation.scss deleted file mode 100644 index 0d4af55..0000000 --- a/assets/sass/sections/_navigation.scss +++ /dev/null @@ -1,11 +0,0 @@ -.main-navigation { - position: relative; - - @include bp( medium ) { - position: sticky; - top: 0; - transition: all 300ms ease-in-out; - width: 100%; - z-index: 299; - } -} diff --git a/csgov_theme.info.yml b/csgov_theme.info.yml index 6b5b542..88c7094 100644 --- a/csgov_theme.info.yml +++ b/csgov_theme.info.yml @@ -9,6 +9,7 @@ libraries: - csgov_theme/global-styling regions: + navbar: 'Mobile navbar' top_bar: 'Top Bar' logo: 'Logo' search: 'Search' diff --git a/css/font-awesome.css b/css/font-awesome.css index 40493b2..b9f87fa 100644 --- a/css/font-awesome.css +++ b/css/font-awesome.css @@ -1,10 +1,4331 @@ /*! * Font Awesome Free 5.8.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) - */.fa,.fas,.far,.fal,.fab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:solid 0.08em #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fas.fa-pull-left,.far.fa-pull-left,.fal.fa-pull-left,.fab.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fas.fa-pull-right,.far.fa-pull-right,.fal.fa-pull-right,.fab.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);transform:scale(1, -1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(-1, -1);transform:scale(-1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-flip-both{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adobe:before{content:"\f778"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-bacon:before{content:"\f7e5"}.fa-balance-scale:before{content:"\f24e"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-battle-net:before{content:"\f835"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bootstrap:before{content:"\f836"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candy-cane:before{content:"\f786"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-cheese:before{content:"\f7ef"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clinic-medical:before{content:"\f7f2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-egg:before{content:"\f7fb"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-evernote:before{content:"\f839"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gifts:before{content:"\f79c"}.fa-git:before{content:"\f1d3"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guitar:before{content:"\f7a6"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamburger:before{content:"\f805"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-handshake:before{content:"\f2b5"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-wizard:before{content:"\f6e8"}.fa-haykal:before{content:"\f666"}.fa-hdd:before{content:"\f0a0"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-puck:before{content:"\f453"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-icicles:before{content:"\f7ad"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-instagram:before{content:"\f16d"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-medical:before{content:"\f812"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse-pointer:before{content:"\f245"}.fa-mug-hot:before{content:"\f7b6"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-nintendo-switch:before{content:"\f418"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-pager:before{content:"\f815"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-volume:before{content:"\f2a0"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-rainbow:before{content:"\f75b"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-salesforce:before{content:"\f83b"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-sketch:before{content:"\f7c6"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowman:before{content:"\f7d0"}.fa-snowplow:before{content:"\f7d2"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-speaker-deck:before{content:"\f83c"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-symfony:before{content:"\f83d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-trash-restore:before{content:"\f829"}.fa-trash-restore-alt:before{content:"\f82a"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-water:before{content:"\f773"}.fa-wave-square:before{content:"\f83e"}.fa-waze:before{content:"\f83f"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}/*! + */ +.fa, +.fas, +.far, +.fal, +.fab { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + line-height: 1; } + +.fa-lg { + font-size: 1.33333em; + line-height: 0.75em; + vertical-align: -.0667em; } + +.fa-xs { + font-size: .75em; } + +.fa-sm { + font-size: .875em; } + +.fa-1x { + font-size: 1em; } + +.fa-2x { + font-size: 2em; } + +.fa-3x { + font-size: 3em; } + +.fa-4x { + font-size: 4em; } + +.fa-5x { + font-size: 5em; } + +.fa-6x { + font-size: 6em; } + +.fa-7x { + font-size: 7em; } + +.fa-8x { + font-size: 8em; } + +.fa-9x { + font-size: 9em; } + +.fa-10x { + font-size: 10em; } + +.fa-fw { + text-align: center; + width: 1.25em; } + +.fa-ul { + list-style-type: none; + margin-left: 2.5em; + padding-left: 0; } + .fa-ul > li { + position: relative; } + +.fa-li { + left: -2em; + position: absolute; + text-align: center; + width: 2em; + line-height: inherit; } + +.fa-border { + border: solid 0.08em #eee; + border-radius: .1em; + padding: .2em .25em .15em; } + +.fa-pull-left { + float: left; } + +.fa-pull-right { + float: right; } + +.fa.fa-pull-left, +.fas.fa-pull-left, +.far.fa-pull-left, +.fal.fa-pull-left, +.fab.fa-pull-left { + margin-right: .3em; } + +.fa.fa-pull-right, +.fas.fa-pull-right, +.far.fa-pull-right, +.fal.fa-pull-right, +.fab.fa-pull-right { + margin-left: .3em; } + +.fa-spin { + -webkit-animation: fa-spin 2s infinite linear; + animation: fa-spin 2s infinite linear; } + +.fa-pulse { + -webkit-animation: fa-spin 1s infinite steps(8); + animation: fa-spin 1s infinite steps(8); } + +@-webkit-keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } + +@keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } + +.fa-rotate-90 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); } + +.fa-rotate-180 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; + -webkit-transform: rotate(180deg); + transform: rotate(180deg); } + +.fa-rotate-270 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; + -webkit-transform: rotate(270deg); + transform: rotate(270deg); } + +.fa-flip-horizontal { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; + -webkit-transform: scale(-1, 1); + transform: scale(-1, 1); } + +.fa-flip-vertical { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; + -webkit-transform: scale(1, -1); + transform: scale(1, -1); } + +.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; + -webkit-transform: scale(-1, -1); + transform: scale(-1, -1); } + +:root .fa-rotate-90, +:root .fa-rotate-180, +:root .fa-rotate-270, +:root .fa-flip-horizontal, +:root .fa-flip-vertical, +:root .fa-flip-both { + -webkit-filter: none; + filter: none; } + +.fa-stack { + display: inline-block; + height: 2em; + line-height: 2em; + position: relative; + vertical-align: middle; + width: 2.5em; } + +.fa-stack-1x, +.fa-stack-2x { + left: 0; + position: absolute; + text-align: center; + width: 100%; } + +.fa-stack-1x { + line-height: inherit; } + +.fa-stack-2x { + font-size: 2em; } + +.fa-inverse { + color: #fff; } + +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen +readers do not read off random characters that represent icons */ +.fa-500px:before { + content: "\f26e"; } + +.fa-accessible-icon:before { + content: "\f368"; } + +.fa-accusoft:before { + content: "\f369"; } + +.fa-acquisitions-incorporated:before { + content: "\f6af"; } + +.fa-ad:before { + content: "\f641"; } + +.fa-address-book:before { + content: "\f2b9"; } + +.fa-address-card:before { + content: "\f2bb"; } + +.fa-adjust:before { + content: "\f042"; } + +.fa-adn:before { + content: "\f170"; } + +.fa-adobe:before { + content: "\f778"; } + +.fa-adversal:before { + content: "\f36a"; } + +.fa-affiliatetheme:before { + content: "\f36b"; } + +.fa-air-freshener:before { + content: "\f5d0"; } + +.fa-airbnb:before { + content: "\f834"; } + +.fa-algolia:before { + content: "\f36c"; } + +.fa-align-center:before { + content: "\f037"; } + +.fa-align-justify:before { + content: "\f039"; } + +.fa-align-left:before { + content: "\f036"; } + +.fa-align-right:before { + content: "\f038"; } + +.fa-alipay:before { + content: "\f642"; } + +.fa-allergies:before { + content: "\f461"; } + +.fa-amazon:before { + content: "\f270"; } + +.fa-amazon-pay:before { + content: "\f42c"; } + +.fa-ambulance:before { + content: "\f0f9"; } + +.fa-american-sign-language-interpreting:before { + content: "\f2a3"; } + +.fa-amilia:before { + content: "\f36d"; } + +.fa-anchor:before { + content: "\f13d"; } + +.fa-android:before { + content: "\f17b"; } + +.fa-angellist:before { + content: "\f209"; } + +.fa-angle-double-down:before { + content: "\f103"; } + +.fa-angle-double-left:before { + content: "\f100"; } + +.fa-angle-double-right:before { + content: "\f101"; } + +.fa-angle-double-up:before { + content: "\f102"; } + +.fa-angle-down:before { + content: "\f107"; } + +.fa-angle-left:before { + content: "\f104"; } + +.fa-angle-right:before { + content: "\f105"; } + +.fa-angle-up:before { + content: "\f106"; } + +.fa-angry:before { + content: "\f556"; } + +.fa-angrycreative:before { + content: "\f36e"; } + +.fa-angular:before { + content: "\f420"; } + +.fa-ankh:before { + content: "\f644"; } + +.fa-app-store:before { + content: "\f36f"; } + +.fa-app-store-ios:before { + content: "\f370"; } + +.fa-apper:before { + content: "\f371"; } + +.fa-apple:before { + content: "\f179"; } + +.fa-apple-alt:before { + content: "\f5d1"; } + +.fa-apple-pay:before { + content: "\f415"; } + +.fa-archive:before { + content: "\f187"; } + +.fa-archway:before { + content: "\f557"; } + +.fa-arrow-alt-circle-down:before { + content: "\f358"; } + +.fa-arrow-alt-circle-left:before { + content: "\f359"; } + +.fa-arrow-alt-circle-right:before { + content: "\f35a"; } + +.fa-arrow-alt-circle-up:before { + content: "\f35b"; } + +.fa-arrow-circle-down:before { + content: "\f0ab"; } + +.fa-arrow-circle-left:before { + content: "\f0a8"; } + +.fa-arrow-circle-right:before { + content: "\f0a9"; } + +.fa-arrow-circle-up:before { + content: "\f0aa"; } + +.fa-arrow-down:before { + content: "\f063"; } + +.fa-arrow-left:before { + content: "\f060"; } + +.fa-arrow-right:before { + content: "\f061"; } + +.fa-arrow-up:before { + content: "\f062"; } + +.fa-arrows-alt:before { + content: "\f0b2"; } + +.fa-arrows-alt-h:before { + content: "\f337"; } + +.fa-arrows-alt-v:before { + content: "\f338"; } + +.fa-artstation:before { + content: "\f77a"; } + +.fa-assistive-listening-systems:before { + content: "\f2a2"; } + +.fa-asterisk:before { + content: "\f069"; } + +.fa-asymmetrik:before { + content: "\f372"; } + +.fa-at:before { + content: "\f1fa"; } + +.fa-atlas:before { + content: "\f558"; } + +.fa-atlassian:before { + content: "\f77b"; } + +.fa-atom:before { + content: "\f5d2"; } + +.fa-audible:before { + content: "\f373"; } + +.fa-audio-description:before { + content: "\f29e"; } + +.fa-autoprefixer:before { + content: "\f41c"; } + +.fa-avianex:before { + content: "\f374"; } + +.fa-aviato:before { + content: "\f421"; } + +.fa-award:before { + content: "\f559"; } + +.fa-aws:before { + content: "\f375"; } + +.fa-baby:before { + content: "\f77c"; } + +.fa-baby-carriage:before { + content: "\f77d"; } + +.fa-backspace:before { + content: "\f55a"; } + +.fa-backward:before { + content: "\f04a"; } + +.fa-bacon:before { + content: "\f7e5"; } + +.fa-balance-scale:before { + content: "\f24e"; } + +.fa-ban:before { + content: "\f05e"; } + +.fa-band-aid:before { + content: "\f462"; } + +.fa-bandcamp:before { + content: "\f2d5"; } + +.fa-barcode:before { + content: "\f02a"; } + +.fa-bars:before { + content: "\f0c9"; } + +.fa-baseball-ball:before { + content: "\f433"; } + +.fa-basketball-ball:before { + content: "\f434"; } + +.fa-bath:before { + content: "\f2cd"; } + +.fa-battery-empty:before { + content: "\f244"; } + +.fa-battery-full:before { + content: "\f240"; } + +.fa-battery-half:before { + content: "\f242"; } + +.fa-battery-quarter:before { + content: "\f243"; } + +.fa-battery-three-quarters:before { + content: "\f241"; } + +.fa-battle-net:before { + content: "\f835"; } + +.fa-bed:before { + content: "\f236"; } + +.fa-beer:before { + content: "\f0fc"; } + +.fa-behance:before { + content: "\f1b4"; } + +.fa-behance-square:before { + content: "\f1b5"; } + +.fa-bell:before { + content: "\f0f3"; } + +.fa-bell-slash:before { + content: "\f1f6"; } + +.fa-bezier-curve:before { + content: "\f55b"; } + +.fa-bible:before { + content: "\f647"; } + +.fa-bicycle:before { + content: "\f206"; } + +.fa-bimobject:before { + content: "\f378"; } + +.fa-binoculars:before { + content: "\f1e5"; } + +.fa-biohazard:before { + content: "\f780"; } + +.fa-birthday-cake:before { + content: "\f1fd"; } + +.fa-bitbucket:before { + content: "\f171"; } + +.fa-bitcoin:before { + content: "\f379"; } + +.fa-bity:before { + content: "\f37a"; } + +.fa-black-tie:before { + content: "\f27e"; } + +.fa-blackberry:before { + content: "\f37b"; } + +.fa-blender:before { + content: "\f517"; } + +.fa-blender-phone:before { + content: "\f6b6"; } + +.fa-blind:before { + content: "\f29d"; } + +.fa-blog:before { + content: "\f781"; } + +.fa-blogger:before { + content: "\f37c"; } + +.fa-blogger-b:before { + content: "\f37d"; } + +.fa-bluetooth:before { + content: "\f293"; } + +.fa-bluetooth-b:before { + content: "\f294"; } + +.fa-bold:before { + content: "\f032"; } + +.fa-bolt:before { + content: "\f0e7"; } + +.fa-bomb:before { + content: "\f1e2"; } + +.fa-bone:before { + content: "\f5d7"; } + +.fa-bong:before { + content: "\f55c"; } + +.fa-book:before { + content: "\f02d"; } + +.fa-book-dead:before { + content: "\f6b7"; } + +.fa-book-medical:before { + content: "\f7e6"; } + +.fa-book-open:before { + content: "\f518"; } + +.fa-book-reader:before { + content: "\f5da"; } + +.fa-bookmark:before { + content: "\f02e"; } + +.fa-bootstrap:before { + content: "\f836"; } + +.fa-bowling-ball:before { + content: "\f436"; } + +.fa-box:before { + content: "\f466"; } + +.fa-box-open:before { + content: "\f49e"; } + +.fa-boxes:before { + content: "\f468"; } + +.fa-braille:before { + content: "\f2a1"; } + +.fa-brain:before { + content: "\f5dc"; } + +.fa-bread-slice:before { + content: "\f7ec"; } + +.fa-briefcase:before { + content: "\f0b1"; } + +.fa-briefcase-medical:before { + content: "\f469"; } + +.fa-broadcast-tower:before { + content: "\f519"; } + +.fa-broom:before { + content: "\f51a"; } + +.fa-brush:before { + content: "\f55d"; } + +.fa-btc:before { + content: "\f15a"; } + +.fa-buffer:before { + content: "\f837"; } + +.fa-bug:before { + content: "\f188"; } + +.fa-building:before { + content: "\f1ad"; } + +.fa-bullhorn:before { + content: "\f0a1"; } + +.fa-bullseye:before { + content: "\f140"; } + +.fa-burn:before { + content: "\f46a"; } + +.fa-buromobelexperte:before { + content: "\f37f"; } + +.fa-bus:before { + content: "\f207"; } + +.fa-bus-alt:before { + content: "\f55e"; } + +.fa-business-time:before { + content: "\f64a"; } + +.fa-buysellads:before { + content: "\f20d"; } + +.fa-calculator:before { + content: "\f1ec"; } + +.fa-calendar:before { + content: "\f133"; } + +.fa-calendar-alt:before { + content: "\f073"; } + +.fa-calendar-check:before { + content: "\f274"; } + +.fa-calendar-day:before { + content: "\f783"; } + +.fa-calendar-minus:before { + content: "\f272"; } + +.fa-calendar-plus:before { + content: "\f271"; } + +.fa-calendar-times:before { + content: "\f273"; } + +.fa-calendar-week:before { + content: "\f784"; } + +.fa-camera:before { + content: "\f030"; } + +.fa-camera-retro:before { + content: "\f083"; } + +.fa-campground:before { + content: "\f6bb"; } + +.fa-canadian-maple-leaf:before { + content: "\f785"; } + +.fa-candy-cane:before { + content: "\f786"; } + +.fa-cannabis:before { + content: "\f55f"; } + +.fa-capsules:before { + content: "\f46b"; } + +.fa-car:before { + content: "\f1b9"; } + +.fa-car-alt:before { + content: "\f5de"; } + +.fa-car-battery:before { + content: "\f5df"; } + +.fa-car-crash:before { + content: "\f5e1"; } + +.fa-car-side:before { + content: "\f5e4"; } + +.fa-caret-down:before { + content: "\f0d7"; } + +.fa-caret-left:before { + content: "\f0d9"; } + +.fa-caret-right:before { + content: "\f0da"; } + +.fa-caret-square-down:before { + content: "\f150"; } + +.fa-caret-square-left:before { + content: "\f191"; } + +.fa-caret-square-right:before { + content: "\f152"; } + +.fa-caret-square-up:before { + content: "\f151"; } + +.fa-caret-up:before { + content: "\f0d8"; } + +.fa-carrot:before { + content: "\f787"; } + +.fa-cart-arrow-down:before { + content: "\f218"; } + +.fa-cart-plus:before { + content: "\f217"; } + +.fa-cash-register:before { + content: "\f788"; } + +.fa-cat:before { + content: "\f6be"; } + +.fa-cc-amazon-pay:before { + content: "\f42d"; } + +.fa-cc-amex:before { + content: "\f1f3"; } + +.fa-cc-apple-pay:before { + content: "\f416"; } + +.fa-cc-diners-club:before { + content: "\f24c"; } + +.fa-cc-discover:before { + content: "\f1f2"; } + +.fa-cc-jcb:before { + content: "\f24b"; } + +.fa-cc-mastercard:before { + content: "\f1f1"; } + +.fa-cc-paypal:before { + content: "\f1f4"; } + +.fa-cc-stripe:before { + content: "\f1f5"; } + +.fa-cc-visa:before { + content: "\f1f0"; } + +.fa-centercode:before { + content: "\f380"; } + +.fa-centos:before { + content: "\f789"; } + +.fa-certificate:before { + content: "\f0a3"; } + +.fa-chair:before { + content: "\f6c0"; } + +.fa-chalkboard:before { + content: "\f51b"; } + +.fa-chalkboard-teacher:before { + content: "\f51c"; } + +.fa-charging-station:before { + content: "\f5e7"; } + +.fa-chart-area:before { + content: "\f1fe"; } + +.fa-chart-bar:before { + content: "\f080"; } + +.fa-chart-line:before { + content: "\f201"; } + +.fa-chart-pie:before { + content: "\f200"; } + +.fa-check:before { + content: "\f00c"; } + +.fa-check-circle:before { + content: "\f058"; } + +.fa-check-double:before { + content: "\f560"; } + +.fa-check-square:before { + content: "\f14a"; } + +.fa-cheese:before { + content: "\f7ef"; } + +.fa-chess:before { + content: "\f439"; } + +.fa-chess-bishop:before { + content: "\f43a"; } + +.fa-chess-board:before { + content: "\f43c"; } + +.fa-chess-king:before { + content: "\f43f"; } + +.fa-chess-knight:before { + content: "\f441"; } + +.fa-chess-pawn:before { + content: "\f443"; } + +.fa-chess-queen:before { + content: "\f445"; } + +.fa-chess-rook:before { + content: "\f447"; } + +.fa-chevron-circle-down:before { + content: "\f13a"; } + +.fa-chevron-circle-left:before { + content: "\f137"; } + +.fa-chevron-circle-right:before { + content: "\f138"; } + +.fa-chevron-circle-up:before { + content: "\f139"; } + +.fa-chevron-down:before { + content: "\f078"; } + +.fa-chevron-left:before { + content: "\f053"; } + +.fa-chevron-right:before { + content: "\f054"; } + +.fa-chevron-up:before { + content: "\f077"; } + +.fa-child:before { + content: "\f1ae"; } + +.fa-chrome:before { + content: "\f268"; } + +.fa-chromecast:before { + content: "\f838"; } + +.fa-church:before { + content: "\f51d"; } + +.fa-circle:before { + content: "\f111"; } + +.fa-circle-notch:before { + content: "\f1ce"; } + +.fa-city:before { + content: "\f64f"; } + +.fa-clinic-medical:before { + content: "\f7f2"; } + +.fa-clipboard:before { + content: "\f328"; } + +.fa-clipboard-check:before { + content: "\f46c"; } + +.fa-clipboard-list:before { + content: "\f46d"; } + +.fa-clock:before { + content: "\f017"; } + +.fa-clone:before { + content: "\f24d"; } + +.fa-closed-captioning:before { + content: "\f20a"; } + +.fa-cloud:before { + content: "\f0c2"; } + +.fa-cloud-download-alt:before { + content: "\f381"; } + +.fa-cloud-meatball:before { + content: "\f73b"; } + +.fa-cloud-moon:before { + content: "\f6c3"; } + +.fa-cloud-moon-rain:before { + content: "\f73c"; } + +.fa-cloud-rain:before { + content: "\f73d"; } + +.fa-cloud-showers-heavy:before { + content: "\f740"; } + +.fa-cloud-sun:before { + content: "\f6c4"; } + +.fa-cloud-sun-rain:before { + content: "\f743"; } + +.fa-cloud-upload-alt:before { + content: "\f382"; } + +.fa-cloudscale:before { + content: "\f383"; } + +.fa-cloudsmith:before { + content: "\f384"; } + +.fa-cloudversify:before { + content: "\f385"; } + +.fa-cocktail:before { + content: "\f561"; } + +.fa-code:before { + content: "\f121"; } + +.fa-code-branch:before { + content: "\f126"; } + +.fa-codepen:before { + content: "\f1cb"; } + +.fa-codiepie:before { + content: "\f284"; } + +.fa-coffee:before { + content: "\f0f4"; } + +.fa-cog:before { + content: "\f013"; } + +.fa-cogs:before { + content: "\f085"; } + +.fa-coins:before { + content: "\f51e"; } + +.fa-columns:before { + content: "\f0db"; } + +.fa-comment:before { + content: "\f075"; } + +.fa-comment-alt:before { + content: "\f27a"; } + +.fa-comment-dollar:before { + content: "\f651"; } + +.fa-comment-dots:before { + content: "\f4ad"; } + +.fa-comment-medical:before { + content: "\f7f5"; } + +.fa-comment-slash:before { + content: "\f4b3"; } + +.fa-comments:before { + content: "\f086"; } + +.fa-comments-dollar:before { + content: "\f653"; } + +.fa-compact-disc:before { + content: "\f51f"; } + +.fa-compass:before { + content: "\f14e"; } + +.fa-compress:before { + content: "\f066"; } + +.fa-compress-arrows-alt:before { + content: "\f78c"; } + +.fa-concierge-bell:before { + content: "\f562"; } + +.fa-confluence:before { + content: "\f78d"; } + +.fa-connectdevelop:before { + content: "\f20e"; } + +.fa-contao:before { + content: "\f26d"; } + +.fa-cookie:before { + content: "\f563"; } + +.fa-cookie-bite:before { + content: "\f564"; } + +.fa-copy:before { + content: "\f0c5"; } + +.fa-copyright:before { + content: "\f1f9"; } + +.fa-couch:before { + content: "\f4b8"; } + +.fa-cpanel:before { + content: "\f388"; } + +.fa-creative-commons:before { + content: "\f25e"; } + +.fa-creative-commons-by:before { + content: "\f4e7"; } + +.fa-creative-commons-nc:before { + content: "\f4e8"; } + +.fa-creative-commons-nc-eu:before { + content: "\f4e9"; } + +.fa-creative-commons-nc-jp:before { + content: "\f4ea"; } + +.fa-creative-commons-nd:before { + content: "\f4eb"; } + +.fa-creative-commons-pd:before { + content: "\f4ec"; } + +.fa-creative-commons-pd-alt:before { + content: "\f4ed"; } + +.fa-creative-commons-remix:before { + content: "\f4ee"; } + +.fa-creative-commons-sa:before { + content: "\f4ef"; } + +.fa-creative-commons-sampling:before { + content: "\f4f0"; } + +.fa-creative-commons-sampling-plus:before { + content: "\f4f1"; } + +.fa-creative-commons-share:before { + content: "\f4f2"; } + +.fa-creative-commons-zero:before { + content: "\f4f3"; } + +.fa-credit-card:before { + content: "\f09d"; } + +.fa-critical-role:before { + content: "\f6c9"; } + +.fa-crop:before { + content: "\f125"; } + +.fa-crop-alt:before { + content: "\f565"; } + +.fa-cross:before { + content: "\f654"; } + +.fa-crosshairs:before { + content: "\f05b"; } + +.fa-crow:before { + content: "\f520"; } + +.fa-crown:before { + content: "\f521"; } + +.fa-crutch:before { + content: "\f7f7"; } + +.fa-css3:before { + content: "\f13c"; } + +.fa-css3-alt:before { + content: "\f38b"; } + +.fa-cube:before { + content: "\f1b2"; } + +.fa-cubes:before { + content: "\f1b3"; } + +.fa-cut:before { + content: "\f0c4"; } + +.fa-cuttlefish:before { + content: "\f38c"; } + +.fa-d-and-d:before { + content: "\f38d"; } + +.fa-d-and-d-beyond:before { + content: "\f6ca"; } + +.fa-dashcube:before { + content: "\f210"; } + +.fa-database:before { + content: "\f1c0"; } + +.fa-deaf:before { + content: "\f2a4"; } + +.fa-delicious:before { + content: "\f1a5"; } + +.fa-democrat:before { + content: "\f747"; } + +.fa-deploydog:before { + content: "\f38e"; } + +.fa-deskpro:before { + content: "\f38f"; } + +.fa-desktop:before { + content: "\f108"; } + +.fa-dev:before { + content: "\f6cc"; } + +.fa-deviantart:before { + content: "\f1bd"; } + +.fa-dharmachakra:before { + content: "\f655"; } + +.fa-dhl:before { + content: "\f790"; } + +.fa-diagnoses:before { + content: "\f470"; } + +.fa-diaspora:before { + content: "\f791"; } + +.fa-dice:before { + content: "\f522"; } + +.fa-dice-d20:before { + content: "\f6cf"; } + +.fa-dice-d6:before { + content: "\f6d1"; } + +.fa-dice-five:before { + content: "\f523"; } + +.fa-dice-four:before { + content: "\f524"; } + +.fa-dice-one:before { + content: "\f525"; } + +.fa-dice-six:before { + content: "\f526"; } + +.fa-dice-three:before { + content: "\f527"; } + +.fa-dice-two:before { + content: "\f528"; } + +.fa-digg:before { + content: "\f1a6"; } + +.fa-digital-ocean:before { + content: "\f391"; } + +.fa-digital-tachograph:before { + content: "\f566"; } + +.fa-directions:before { + content: "\f5eb"; } + +.fa-discord:before { + content: "\f392"; } + +.fa-discourse:before { + content: "\f393"; } + +.fa-divide:before { + content: "\f529"; } + +.fa-dizzy:before { + content: "\f567"; } + +.fa-dna:before { + content: "\f471"; } + +.fa-dochub:before { + content: "\f394"; } + +.fa-docker:before { + content: "\f395"; } + +.fa-dog:before { + content: "\f6d3"; } + +.fa-dollar-sign:before { + content: "\f155"; } + +.fa-dolly:before { + content: "\f472"; } + +.fa-dolly-flatbed:before { + content: "\f474"; } + +.fa-donate:before { + content: "\f4b9"; } + +.fa-door-closed:before { + content: "\f52a"; } + +.fa-door-open:before { + content: "\f52b"; } + +.fa-dot-circle:before { + content: "\f192"; } + +.fa-dove:before { + content: "\f4ba"; } + +.fa-download:before { + content: "\f019"; } + +.fa-draft2digital:before { + content: "\f396"; } + +.fa-drafting-compass:before { + content: "\f568"; } + +.fa-dragon:before { + content: "\f6d5"; } + +.fa-draw-polygon:before { + content: "\f5ee"; } + +.fa-dribbble:before { + content: "\f17d"; } + +.fa-dribbble-square:before { + content: "\f397"; } + +.fa-dropbox:before { + content: "\f16b"; } + +.fa-drum:before { + content: "\f569"; } + +.fa-drum-steelpan:before { + content: "\f56a"; } + +.fa-drumstick-bite:before { + content: "\f6d7"; } + +.fa-drupal:before { + content: "\f1a9"; } + +.fa-dumbbell:before { + content: "\f44b"; } + +.fa-dumpster:before { + content: "\f793"; } + +.fa-dumpster-fire:before { + content: "\f794"; } + +.fa-dungeon:before { + content: "\f6d9"; } + +.fa-dyalog:before { + content: "\f399"; } + +.fa-earlybirds:before { + content: "\f39a"; } + +.fa-ebay:before { + content: "\f4f4"; } + +.fa-edge:before { + content: "\f282"; } + +.fa-edit:before { + content: "\f044"; } + +.fa-egg:before { + content: "\f7fb"; } + +.fa-eject:before { + content: "\f052"; } + +.fa-elementor:before { + content: "\f430"; } + +.fa-ellipsis-h:before { + content: "\f141"; } + +.fa-ellipsis-v:before { + content: "\f142"; } + +.fa-ello:before { + content: "\f5f1"; } + +.fa-ember:before { + content: "\f423"; } + +.fa-empire:before { + content: "\f1d1"; } + +.fa-envelope:before { + content: "\f0e0"; } + +.fa-envelope-open:before { + content: "\f2b6"; } + +.fa-envelope-open-text:before { + content: "\f658"; } + +.fa-envelope-square:before { + content: "\f199"; } + +.fa-envira:before { + content: "\f299"; } + +.fa-equals:before { + content: "\f52c"; } + +.fa-eraser:before { + content: "\f12d"; } + +.fa-erlang:before { + content: "\f39d"; } + +.fa-ethereum:before { + content: "\f42e"; } + +.fa-ethernet:before { + content: "\f796"; } + +.fa-etsy:before { + content: "\f2d7"; } + +.fa-euro-sign:before { + content: "\f153"; } + +.fa-evernote:before { + content: "\f839"; } + +.fa-exchange-alt:before { + content: "\f362"; } + +.fa-exclamation:before { + content: "\f12a"; } + +.fa-exclamation-circle:before { + content: "\f06a"; } + +.fa-exclamation-triangle:before { + content: "\f071"; } + +.fa-expand:before { + content: "\f065"; } + +.fa-expand-arrows-alt:before { + content: "\f31e"; } + +.fa-expeditedssl:before { + content: "\f23e"; } + +.fa-external-link-alt:before { + content: "\f35d"; } + +.fa-external-link-square-alt:before { + content: "\f360"; } + +.fa-eye:before { + content: "\f06e"; } + +.fa-eye-dropper:before { + content: "\f1fb"; } + +.fa-eye-slash:before { + content: "\f070"; } + +.fa-facebook:before { + content: "\f09a"; } + +.fa-facebook-f:before { + content: "\f39e"; } + +.fa-facebook-messenger:before { + content: "\f39f"; } + +.fa-facebook-square:before { + content: "\f082"; } + +.fa-fantasy-flight-games:before { + content: "\f6dc"; } + +.fa-fast-backward:before { + content: "\f049"; } + +.fa-fast-forward:before { + content: "\f050"; } + +.fa-fax:before { + content: "\f1ac"; } + +.fa-feather:before { + content: "\f52d"; } + +.fa-feather-alt:before { + content: "\f56b"; } + +.fa-fedex:before { + content: "\f797"; } + +.fa-fedora:before { + content: "\f798"; } + +.fa-female:before { + content: "\f182"; } + +.fa-fighter-jet:before { + content: "\f0fb"; } + +.fa-figma:before { + content: "\f799"; } + +.fa-file:before { + content: "\f15b"; } + +.fa-file-alt:before { + content: "\f15c"; } + +.fa-file-archive:before { + content: "\f1c6"; } + +.fa-file-audio:before { + content: "\f1c7"; } + +.fa-file-code:before { + content: "\f1c9"; } + +.fa-file-contract:before { + content: "\f56c"; } + +.fa-file-csv:before { + content: "\f6dd"; } + +.fa-file-download:before { + content: "\f56d"; } + +.fa-file-excel:before { + content: "\f1c3"; } + +.fa-file-export:before { + content: "\f56e"; } + +.fa-file-image:before { + content: "\f1c5"; } + +.fa-file-import:before { + content: "\f56f"; } + +.fa-file-invoice:before { + content: "\f570"; } + +.fa-file-invoice-dollar:before { + content: "\f571"; } + +.fa-file-medical:before { + content: "\f477"; } + +.fa-file-medical-alt:before { + content: "\f478"; } + +.fa-file-pdf:before { + content: "\f1c1"; } + +.fa-file-powerpoint:before { + content: "\f1c4"; } + +.fa-file-prescription:before { + content: "\f572"; } + +.fa-file-signature:before { + content: "\f573"; } + +.fa-file-upload:before { + content: "\f574"; } + +.fa-file-video:before { + content: "\f1c8"; } + +.fa-file-word:before { + content: "\f1c2"; } + +.fa-fill:before { + content: "\f575"; } + +.fa-fill-drip:before { + content: "\f576"; } + +.fa-film:before { + content: "\f008"; } + +.fa-filter:before { + content: "\f0b0"; } + +.fa-fingerprint:before { + content: "\f577"; } + +.fa-fire:before { + content: "\f06d"; } + +.fa-fire-alt:before { + content: "\f7e4"; } + +.fa-fire-extinguisher:before { + content: "\f134"; } + +.fa-firefox:before { + content: "\f269"; } + +.fa-first-aid:before { + content: "\f479"; } + +.fa-first-order:before { + content: "\f2b0"; } + +.fa-first-order-alt:before { + content: "\f50a"; } + +.fa-firstdraft:before { + content: "\f3a1"; } + +.fa-fish:before { + content: "\f578"; } + +.fa-fist-raised:before { + content: "\f6de"; } + +.fa-flag:before { + content: "\f024"; } + +.fa-flag-checkered:before { + content: "\f11e"; } + +.fa-flag-usa:before { + content: "\f74d"; } + +.fa-flask:before { + content: "\f0c3"; } + +.fa-flickr:before { + content: "\f16e"; } + +.fa-flipboard:before { + content: "\f44d"; } + +.fa-flushed:before { + content: "\f579"; } + +.fa-fly:before { + content: "\f417"; } + +.fa-folder:before { + content: "\f07b"; } + +.fa-folder-minus:before { + content: "\f65d"; } + +.fa-folder-open:before { + content: "\f07c"; } + +.fa-folder-plus:before { + content: "\f65e"; } + +.fa-font:before { + content: "\f031"; } + +.fa-font-awesome:before { + content: "\f2b4"; } + +.fa-font-awesome-alt:before { + content: "\f35c"; } + +.fa-font-awesome-flag:before { + content: "\f425"; } + +.fa-font-awesome-logo-full:before { + content: "\f4e6"; } + +.fa-fonticons:before { + content: "\f280"; } + +.fa-fonticons-fi:before { + content: "\f3a2"; } + +.fa-football-ball:before { + content: "\f44e"; } + +.fa-fort-awesome:before { + content: "\f286"; } + +.fa-fort-awesome-alt:before { + content: "\f3a3"; } + +.fa-forumbee:before { + content: "\f211"; } + +.fa-forward:before { + content: "\f04e"; } + +.fa-foursquare:before { + content: "\f180"; } + +.fa-free-code-camp:before { + content: "\f2c5"; } + +.fa-freebsd:before { + content: "\f3a4"; } + +.fa-frog:before { + content: "\f52e"; } + +.fa-frown:before { + content: "\f119"; } + +.fa-frown-open:before { + content: "\f57a"; } + +.fa-fulcrum:before { + content: "\f50b"; } + +.fa-funnel-dollar:before { + content: "\f662"; } + +.fa-futbol:before { + content: "\f1e3"; } + +.fa-galactic-republic:before { + content: "\f50c"; } + +.fa-galactic-senate:before { + content: "\f50d"; } + +.fa-gamepad:before { + content: "\f11b"; } + +.fa-gas-pump:before { + content: "\f52f"; } + +.fa-gavel:before { + content: "\f0e3"; } + +.fa-gem:before { + content: "\f3a5"; } + +.fa-genderless:before { + content: "\f22d"; } + +.fa-get-pocket:before { + content: "\f265"; } + +.fa-gg:before { + content: "\f260"; } + +.fa-gg-circle:before { + content: "\f261"; } + +.fa-ghost:before { + content: "\f6e2"; } + +.fa-gift:before { + content: "\f06b"; } + +.fa-gifts:before { + content: "\f79c"; } + +.fa-git:before { + content: "\f1d3"; } + +.fa-git-square:before { + content: "\f1d2"; } + +.fa-github:before { + content: "\f09b"; } + +.fa-github-alt:before { + content: "\f113"; } + +.fa-github-square:before { + content: "\f092"; } + +.fa-gitkraken:before { + content: "\f3a6"; } + +.fa-gitlab:before { + content: "\f296"; } + +.fa-gitter:before { + content: "\f426"; } + +.fa-glass-cheers:before { + content: "\f79f"; } + +.fa-glass-martini:before { + content: "\f000"; } + +.fa-glass-martini-alt:before { + content: "\f57b"; } + +.fa-glass-whiskey:before { + content: "\f7a0"; } + +.fa-glasses:before { + content: "\f530"; } + +.fa-glide:before { + content: "\f2a5"; } + +.fa-glide-g:before { + content: "\f2a6"; } + +.fa-globe:before { + content: "\f0ac"; } + +.fa-globe-africa:before { + content: "\f57c"; } + +.fa-globe-americas:before { + content: "\f57d"; } + +.fa-globe-asia:before { + content: "\f57e"; } + +.fa-globe-europe:before { + content: "\f7a2"; } + +.fa-gofore:before { + content: "\f3a7"; } + +.fa-golf-ball:before { + content: "\f450"; } + +.fa-goodreads:before { + content: "\f3a8"; } + +.fa-goodreads-g:before { + content: "\f3a9"; } + +.fa-google:before { + content: "\f1a0"; } + +.fa-google-drive:before { + content: "\f3aa"; } + +.fa-google-play:before { + content: "\f3ab"; } + +.fa-google-plus:before { + content: "\f2b3"; } + +.fa-google-plus-g:before { + content: "\f0d5"; } + +.fa-google-plus-square:before { + content: "\f0d4"; } + +.fa-google-wallet:before { + content: "\f1ee"; } + +.fa-gopuram:before { + content: "\f664"; } + +.fa-graduation-cap:before { + content: "\f19d"; } + +.fa-gratipay:before { + content: "\f184"; } + +.fa-grav:before { + content: "\f2d6"; } + +.fa-greater-than:before { + content: "\f531"; } + +.fa-greater-than-equal:before { + content: "\f532"; } + +.fa-grimace:before { + content: "\f57f"; } + +.fa-grin:before { + content: "\f580"; } + +.fa-grin-alt:before { + content: "\f581"; } + +.fa-grin-beam:before { + content: "\f582"; } + +.fa-grin-beam-sweat:before { + content: "\f583"; } + +.fa-grin-hearts:before { + content: "\f584"; } + +.fa-grin-squint:before { + content: "\f585"; } + +.fa-grin-squint-tears:before { + content: "\f586"; } + +.fa-grin-stars:before { + content: "\f587"; } + +.fa-grin-tears:before { + content: "\f588"; } + +.fa-grin-tongue:before { + content: "\f589"; } + +.fa-grin-tongue-squint:before { + content: "\f58a"; } + +.fa-grin-tongue-wink:before { + content: "\f58b"; } + +.fa-grin-wink:before { + content: "\f58c"; } + +.fa-grip-horizontal:before { + content: "\f58d"; } + +.fa-grip-lines:before { + content: "\f7a4"; } + +.fa-grip-lines-vertical:before { + content: "\f7a5"; } + +.fa-grip-vertical:before { + content: "\f58e"; } + +.fa-gripfire:before { + content: "\f3ac"; } + +.fa-grunt:before { + content: "\f3ad"; } + +.fa-guitar:before { + content: "\f7a6"; } + +.fa-gulp:before { + content: "\f3ae"; } + +.fa-h-square:before { + content: "\f0fd"; } + +.fa-hacker-news:before { + content: "\f1d4"; } + +.fa-hacker-news-square:before { + content: "\f3af"; } + +.fa-hackerrank:before { + content: "\f5f7"; } + +.fa-hamburger:before { + content: "\f805"; } + +.fa-hammer:before { + content: "\f6e3"; } + +.fa-hamsa:before { + content: "\f665"; } + +.fa-hand-holding:before { + content: "\f4bd"; } + +.fa-hand-holding-heart:before { + content: "\f4be"; } + +.fa-hand-holding-usd:before { + content: "\f4c0"; } + +.fa-hand-lizard:before { + content: "\f258"; } + +.fa-hand-middle-finger:before { + content: "\f806"; } + +.fa-hand-paper:before { + content: "\f256"; } + +.fa-hand-peace:before { + content: "\f25b"; } + +.fa-hand-point-down:before { + content: "\f0a7"; } + +.fa-hand-point-left:before { + content: "\f0a5"; } + +.fa-hand-point-right:before { + content: "\f0a4"; } + +.fa-hand-point-up:before { + content: "\f0a6"; } + +.fa-hand-pointer:before { + content: "\f25a"; } + +.fa-hand-rock:before { + content: "\f255"; } + +.fa-hand-scissors:before { + content: "\f257"; } + +.fa-hand-spock:before { + content: "\f259"; } + +.fa-hands:before { + content: "\f4c2"; } + +.fa-hands-helping:before { + content: "\f4c4"; } + +.fa-handshake:before { + content: "\f2b5"; } + +.fa-hanukiah:before { + content: "\f6e6"; } + +.fa-hard-hat:before { + content: "\f807"; } + +.fa-hashtag:before { + content: "\f292"; } + +.fa-hat-wizard:before { + content: "\f6e8"; } + +.fa-haykal:before { + content: "\f666"; } + +.fa-hdd:before { + content: "\f0a0"; } + +.fa-heading:before { + content: "\f1dc"; } + +.fa-headphones:before { + content: "\f025"; } + +.fa-headphones-alt:before { + content: "\f58f"; } + +.fa-headset:before { + content: "\f590"; } + +.fa-heart:before { + content: "\f004"; } + +.fa-heart-broken:before { + content: "\f7a9"; } + +.fa-heartbeat:before { + content: "\f21e"; } + +.fa-helicopter:before { + content: "\f533"; } + +.fa-highlighter:before { + content: "\f591"; } + +.fa-hiking:before { + content: "\f6ec"; } + +.fa-hippo:before { + content: "\f6ed"; } + +.fa-hips:before { + content: "\f452"; } + +.fa-hire-a-helper:before { + content: "\f3b0"; } + +.fa-history:before { + content: "\f1da"; } + +.fa-hockey-puck:before { + content: "\f453"; } + +.fa-holly-berry:before { + content: "\f7aa"; } + +.fa-home:before { + content: "\f015"; } + +.fa-hooli:before { + content: "\f427"; } + +.fa-hornbill:before { + content: "\f592"; } + +.fa-horse:before { + content: "\f6f0"; } + +.fa-horse-head:before { + content: "\f7ab"; } + +.fa-hospital:before { + content: "\f0f8"; } + +.fa-hospital-alt:before { + content: "\f47d"; } + +.fa-hospital-symbol:before { + content: "\f47e"; } + +.fa-hot-tub:before { + content: "\f593"; } + +.fa-hotdog:before { + content: "\f80f"; } + +.fa-hotel:before { + content: "\f594"; } + +.fa-hotjar:before { + content: "\f3b1"; } + +.fa-hourglass:before { + content: "\f254"; } + +.fa-hourglass-end:before { + content: "\f253"; } + +.fa-hourglass-half:before { + content: "\f252"; } + +.fa-hourglass-start:before { + content: "\f251"; } + +.fa-house-damage:before { + content: "\f6f1"; } + +.fa-houzz:before { + content: "\f27c"; } + +.fa-hryvnia:before { + content: "\f6f2"; } + +.fa-html5:before { + content: "\f13b"; } + +.fa-hubspot:before { + content: "\f3b2"; } + +.fa-i-cursor:before { + content: "\f246"; } + +.fa-ice-cream:before { + content: "\f810"; } + +.fa-icicles:before { + content: "\f7ad"; } + +.fa-id-badge:before { + content: "\f2c1"; } + +.fa-id-card:before { + content: "\f2c2"; } + +.fa-id-card-alt:before { + content: "\f47f"; } + +.fa-igloo:before { + content: "\f7ae"; } + +.fa-image:before { + content: "\f03e"; } + +.fa-images:before { + content: "\f302"; } + +.fa-imdb:before { + content: "\f2d8"; } + +.fa-inbox:before { + content: "\f01c"; } + +.fa-indent:before { + content: "\f03c"; } + +.fa-industry:before { + content: "\f275"; } + +.fa-infinity:before { + content: "\f534"; } + +.fa-info:before { + content: "\f129"; } + +.fa-info-circle:before { + content: "\f05a"; } + +.fa-instagram:before { + content: "\f16d"; } + +.fa-intercom:before { + content: "\f7af"; } + +.fa-internet-explorer:before { + content: "\f26b"; } + +.fa-invision:before { + content: "\f7b0"; } + +.fa-ioxhost:before { + content: "\f208"; } + +.fa-italic:before { + content: "\f033"; } + +.fa-itch-io:before { + content: "\f83a"; } + +.fa-itunes:before { + content: "\f3b4"; } + +.fa-itunes-note:before { + content: "\f3b5"; } + +.fa-java:before { + content: "\f4e4"; } + +.fa-jedi:before { + content: "\f669"; } + +.fa-jedi-order:before { + content: "\f50e"; } + +.fa-jenkins:before { + content: "\f3b6"; } + +.fa-jira:before { + content: "\f7b1"; } + +.fa-joget:before { + content: "\f3b7"; } + +.fa-joint:before { + content: "\f595"; } + +.fa-joomla:before { + content: "\f1aa"; } + +.fa-journal-whills:before { + content: "\f66a"; } + +.fa-js:before { + content: "\f3b8"; } + +.fa-js-square:before { + content: "\f3b9"; } + +.fa-jsfiddle:before { + content: "\f1cc"; } + +.fa-kaaba:before { + content: "\f66b"; } + +.fa-kaggle:before { + content: "\f5fa"; } + +.fa-key:before { + content: "\f084"; } + +.fa-keybase:before { + content: "\f4f5"; } + +.fa-keyboard:before { + content: "\f11c"; } + +.fa-keycdn:before { + content: "\f3ba"; } + +.fa-khanda:before { + content: "\f66d"; } + +.fa-kickstarter:before { + content: "\f3bb"; } + +.fa-kickstarter-k:before { + content: "\f3bc"; } + +.fa-kiss:before { + content: "\f596"; } + +.fa-kiss-beam:before { + content: "\f597"; } + +.fa-kiss-wink-heart:before { + content: "\f598"; } + +.fa-kiwi-bird:before { + content: "\f535"; } + +.fa-korvue:before { + content: "\f42f"; } + +.fa-landmark:before { + content: "\f66f"; } + +.fa-language:before { + content: "\f1ab"; } + +.fa-laptop:before { + content: "\f109"; } + +.fa-laptop-code:before { + content: "\f5fc"; } + +.fa-laptop-medical:before { + content: "\f812"; } + +.fa-laravel:before { + content: "\f3bd"; } + +.fa-lastfm:before { + content: "\f202"; } + +.fa-lastfm-square:before { + content: "\f203"; } + +.fa-laugh:before { + content: "\f599"; } + +.fa-laugh-beam:before { + content: "\f59a"; } + +.fa-laugh-squint:before { + content: "\f59b"; } + +.fa-laugh-wink:before { + content: "\f59c"; } + +.fa-layer-group:before { + content: "\f5fd"; } + +.fa-leaf:before { + content: "\f06c"; } + +.fa-leanpub:before { + content: "\f212"; } + +.fa-lemon:before { + content: "\f094"; } + +.fa-less:before { + content: "\f41d"; } + +.fa-less-than:before { + content: "\f536"; } + +.fa-less-than-equal:before { + content: "\f537"; } + +.fa-level-down-alt:before { + content: "\f3be"; } + +.fa-level-up-alt:before { + content: "\f3bf"; } + +.fa-life-ring:before { + content: "\f1cd"; } + +.fa-lightbulb:before { + content: "\f0eb"; } + +.fa-line:before { + content: "\f3c0"; } + +.fa-link:before { + content: "\f0c1"; } + +.fa-linkedin:before { + content: "\f08c"; } + +.fa-linkedin-in:before { + content: "\f0e1"; } + +.fa-linode:before { + content: "\f2b8"; } + +.fa-linux:before { + content: "\f17c"; } + +.fa-lira-sign:before { + content: "\f195"; } + +.fa-list:before { + content: "\f03a"; } + +.fa-list-alt:before { + content: "\f022"; } + +.fa-list-ol:before { + content: "\f0cb"; } + +.fa-list-ul:before { + content: "\f0ca"; } + +.fa-location-arrow:before { + content: "\f124"; } + +.fa-lock:before { + content: "\f023"; } + +.fa-lock-open:before { + content: "\f3c1"; } + +.fa-long-arrow-alt-down:before { + content: "\f309"; } + +.fa-long-arrow-alt-left:before { + content: "\f30a"; } + +.fa-long-arrow-alt-right:before { + content: "\f30b"; } + +.fa-long-arrow-alt-up:before { + content: "\f30c"; } + +.fa-low-vision:before { + content: "\f2a8"; } + +.fa-luggage-cart:before { + content: "\f59d"; } + +.fa-lyft:before { + content: "\f3c3"; } + +.fa-magento:before { + content: "\f3c4"; } + +.fa-magic:before { + content: "\f0d0"; } + +.fa-magnet:before { + content: "\f076"; } + +.fa-mail-bulk:before { + content: "\f674"; } + +.fa-mailchimp:before { + content: "\f59e"; } + +.fa-male:before { + content: "\f183"; } + +.fa-mandalorian:before { + content: "\f50f"; } + +.fa-map:before { + content: "\f279"; } + +.fa-map-marked:before { + content: "\f59f"; } + +.fa-map-marked-alt:before { + content: "\f5a0"; } + +.fa-map-marker:before { + content: "\f041"; } + +.fa-map-marker-alt:before { + content: "\f3c5"; } + +.fa-map-pin:before { + content: "\f276"; } + +.fa-map-signs:before { + content: "\f277"; } + +.fa-markdown:before { + content: "\f60f"; } + +.fa-marker:before { + content: "\f5a1"; } + +.fa-mars:before { + content: "\f222"; } + +.fa-mars-double:before { + content: "\f227"; } + +.fa-mars-stroke:before { + content: "\f229"; } + +.fa-mars-stroke-h:before { + content: "\f22b"; } + +.fa-mars-stroke-v:before { + content: "\f22a"; } + +.fa-mask:before { + content: "\f6fa"; } + +.fa-mastodon:before { + content: "\f4f6"; } + +.fa-maxcdn:before { + content: "\f136"; } + +.fa-medal:before { + content: "\f5a2"; } + +.fa-medapps:before { + content: "\f3c6"; } + +.fa-medium:before { + content: "\f23a"; } + +.fa-medium-m:before { + content: "\f3c7"; } + +.fa-medkit:before { + content: "\f0fa"; } + +.fa-medrt:before { + content: "\f3c8"; } + +.fa-meetup:before { + content: "\f2e0"; } + +.fa-megaport:before { + content: "\f5a3"; } + +.fa-meh:before { + content: "\f11a"; } + +.fa-meh-blank:before { + content: "\f5a4"; } + +.fa-meh-rolling-eyes:before { + content: "\f5a5"; } + +.fa-memory:before { + content: "\f538"; } + +.fa-mendeley:before { + content: "\f7b3"; } + +.fa-menorah:before { + content: "\f676"; } + +.fa-mercury:before { + content: "\f223"; } + +.fa-meteor:before { + content: "\f753"; } + +.fa-microchip:before { + content: "\f2db"; } + +.fa-microphone:before { + content: "\f130"; } + +.fa-microphone-alt:before { + content: "\f3c9"; } + +.fa-microphone-alt-slash:before { + content: "\f539"; } + +.fa-microphone-slash:before { + content: "\f131"; } + +.fa-microscope:before { + content: "\f610"; } + +.fa-microsoft:before { + content: "\f3ca"; } + +.fa-minus:before { + content: "\f068"; } + +.fa-minus-circle:before { + content: "\f056"; } + +.fa-minus-square:before { + content: "\f146"; } + +.fa-mitten:before { + content: "\f7b5"; } + +.fa-mix:before { + content: "\f3cb"; } + +.fa-mixcloud:before { + content: "\f289"; } + +.fa-mizuni:before { + content: "\f3cc"; } + +.fa-mobile:before { + content: "\f10b"; } + +.fa-mobile-alt:before { + content: "\f3cd"; } + +.fa-modx:before { + content: "\f285"; } + +.fa-monero:before { + content: "\f3d0"; } + +.fa-money-bill:before { + content: "\f0d6"; } + +.fa-money-bill-alt:before { + content: "\f3d1"; } + +.fa-money-bill-wave:before { + content: "\f53a"; } + +.fa-money-bill-wave-alt:before { + content: "\f53b"; } + +.fa-money-check:before { + content: "\f53c"; } + +.fa-money-check-alt:before { + content: "\f53d"; } + +.fa-monument:before { + content: "\f5a6"; } + +.fa-moon:before { + content: "\f186"; } + +.fa-mortar-pestle:before { + content: "\f5a7"; } + +.fa-mosque:before { + content: "\f678"; } + +.fa-motorcycle:before { + content: "\f21c"; } + +.fa-mountain:before { + content: "\f6fc"; } + +.fa-mouse-pointer:before { + content: "\f245"; } + +.fa-mug-hot:before { + content: "\f7b6"; } + +.fa-music:before { + content: "\f001"; } + +.fa-napster:before { + content: "\f3d2"; } + +.fa-neos:before { + content: "\f612"; } + +.fa-network-wired:before { + content: "\f6ff"; } + +.fa-neuter:before { + content: "\f22c"; } + +.fa-newspaper:before { + content: "\f1ea"; } + +.fa-nimblr:before { + content: "\f5a8"; } + +.fa-nintendo-switch:before { + content: "\f418"; } + +.fa-node:before { + content: "\f419"; } + +.fa-node-js:before { + content: "\f3d3"; } + +.fa-not-equal:before { + content: "\f53e"; } + +.fa-notes-medical:before { + content: "\f481"; } + +.fa-npm:before { + content: "\f3d4"; } + +.fa-ns8:before { + content: "\f3d5"; } + +.fa-nutritionix:before { + content: "\f3d6"; } + +.fa-object-group:before { + content: "\f247"; } + +.fa-object-ungroup:before { + content: "\f248"; } + +.fa-odnoklassniki:before { + content: "\f263"; } + +.fa-odnoklassniki-square:before { + content: "\f264"; } + +.fa-oil-can:before { + content: "\f613"; } + +.fa-old-republic:before { + content: "\f510"; } + +.fa-om:before { + content: "\f679"; } + +.fa-opencart:before { + content: "\f23d"; } + +.fa-openid:before { + content: "\f19b"; } + +.fa-opera:before { + content: "\f26a"; } + +.fa-optin-monster:before { + content: "\f23c"; } + +.fa-osi:before { + content: "\f41a"; } + +.fa-otter:before { + content: "\f700"; } + +.fa-outdent:before { + content: "\f03b"; } + +.fa-page4:before { + content: "\f3d7"; } + +.fa-pagelines:before { + content: "\f18c"; } + +.fa-pager:before { + content: "\f815"; } + +.fa-paint-brush:before { + content: "\f1fc"; } + +.fa-paint-roller:before { + content: "\f5aa"; } + +.fa-palette:before { + content: "\f53f"; } + +.fa-palfed:before { + content: "\f3d8"; } + +.fa-pallet:before { + content: "\f482"; } + +.fa-paper-plane:before { + content: "\f1d8"; } + +.fa-paperclip:before { + content: "\f0c6"; } + +.fa-parachute-box:before { + content: "\f4cd"; } + +.fa-paragraph:before { + content: "\f1dd"; } + +.fa-parking:before { + content: "\f540"; } + +.fa-passport:before { + content: "\f5ab"; } + +.fa-pastafarianism:before { + content: "\f67b"; } + +.fa-paste:before { + content: "\f0ea"; } + +.fa-patreon:before { + content: "\f3d9"; } + +.fa-pause:before { + content: "\f04c"; } + +.fa-pause-circle:before { + content: "\f28b"; } + +.fa-paw:before { + content: "\f1b0"; } + +.fa-paypal:before { + content: "\f1ed"; } + +.fa-peace:before { + content: "\f67c"; } + +.fa-pen:before { + content: "\f304"; } + +.fa-pen-alt:before { + content: "\f305"; } + +.fa-pen-fancy:before { + content: "\f5ac"; } + +.fa-pen-nib:before { + content: "\f5ad"; } + +.fa-pen-square:before { + content: "\f14b"; } + +.fa-pencil-alt:before { + content: "\f303"; } + +.fa-pencil-ruler:before { + content: "\f5ae"; } + +.fa-penny-arcade:before { + content: "\f704"; } + +.fa-people-carry:before { + content: "\f4ce"; } + +.fa-pepper-hot:before { + content: "\f816"; } + +.fa-percent:before { + content: "\f295"; } + +.fa-percentage:before { + content: "\f541"; } + +.fa-periscope:before { + content: "\f3da"; } + +.fa-person-booth:before { + content: "\f756"; } + +.fa-phabricator:before { + content: "\f3db"; } + +.fa-phoenix-framework:before { + content: "\f3dc"; } + +.fa-phoenix-squadron:before { + content: "\f511"; } + +.fa-phone:before { + content: "\f095"; } + +.fa-phone-slash:before { + content: "\f3dd"; } + +.fa-phone-square:before { + content: "\f098"; } + +.fa-phone-volume:before { + content: "\f2a0"; } + +.fa-php:before { + content: "\f457"; } + +.fa-pied-piper:before { + content: "\f2ae"; } + +.fa-pied-piper-alt:before { + content: "\f1a8"; } + +.fa-pied-piper-hat:before { + content: "\f4e5"; } + +.fa-pied-piper-pp:before { + content: "\f1a7"; } + +.fa-piggy-bank:before { + content: "\f4d3"; } + +.fa-pills:before { + content: "\f484"; } + +.fa-pinterest:before { + content: "\f0d2"; } + +.fa-pinterest-p:before { + content: "\f231"; } + +.fa-pinterest-square:before { + content: "\f0d3"; } + +.fa-pizza-slice:before { + content: "\f818"; } + +.fa-place-of-worship:before { + content: "\f67f"; } + +.fa-plane:before { + content: "\f072"; } + +.fa-plane-arrival:before { + content: "\f5af"; } + +.fa-plane-departure:before { + content: "\f5b0"; } + +.fa-play:before { + content: "\f04b"; } + +.fa-play-circle:before { + content: "\f144"; } + +.fa-playstation:before { + content: "\f3df"; } + +.fa-plug:before { + content: "\f1e6"; } + +.fa-plus:before { + content: "\f067"; } + +.fa-plus-circle:before { + content: "\f055"; } + +.fa-plus-square:before { + content: "\f0fe"; } + +.fa-podcast:before { + content: "\f2ce"; } + +.fa-poll:before { + content: "\f681"; } + +.fa-poll-h:before { + content: "\f682"; } + +.fa-poo:before { + content: "\f2fe"; } + +.fa-poo-storm:before { + content: "\f75a"; } + +.fa-poop:before { + content: "\f619"; } + +.fa-portrait:before { + content: "\f3e0"; } + +.fa-pound-sign:before { + content: "\f154"; } + +.fa-power-off:before { + content: "\f011"; } + +.fa-pray:before { + content: "\f683"; } + +.fa-praying-hands:before { + content: "\f684"; } + +.fa-prescription:before { + content: "\f5b1"; } + +.fa-prescription-bottle:before { + content: "\f485"; } + +.fa-prescription-bottle-alt:before { + content: "\f486"; } + +.fa-print:before { + content: "\f02f"; } + +.fa-procedures:before { + content: "\f487"; } + +.fa-product-hunt:before { + content: "\f288"; } + +.fa-project-diagram:before { + content: "\f542"; } + +.fa-pushed:before { + content: "\f3e1"; } + +.fa-puzzle-piece:before { + content: "\f12e"; } + +.fa-python:before { + content: "\f3e2"; } + +.fa-qq:before { + content: "\f1d6"; } + +.fa-qrcode:before { + content: "\f029"; } + +.fa-question:before { + content: "\f128"; } + +.fa-question-circle:before { + content: "\f059"; } + +.fa-quidditch:before { + content: "\f458"; } + +.fa-quinscape:before { + content: "\f459"; } + +.fa-quora:before { + content: "\f2c4"; } + +.fa-quote-left:before { + content: "\f10d"; } + +.fa-quote-right:before { + content: "\f10e"; } + +.fa-quran:before { + content: "\f687"; } + +.fa-r-project:before { + content: "\f4f7"; } + +.fa-radiation:before { + content: "\f7b9"; } + +.fa-radiation-alt:before { + content: "\f7ba"; } + +.fa-rainbow:before { + content: "\f75b"; } + +.fa-random:before { + content: "\f074"; } + +.fa-raspberry-pi:before { + content: "\f7bb"; } + +.fa-ravelry:before { + content: "\f2d9"; } + +.fa-react:before { + content: "\f41b"; } + +.fa-reacteurope:before { + content: "\f75d"; } + +.fa-readme:before { + content: "\f4d5"; } + +.fa-rebel:before { + content: "\f1d0"; } + +.fa-receipt:before { + content: "\f543"; } + +.fa-recycle:before { + content: "\f1b8"; } + +.fa-red-river:before { + content: "\f3e3"; } + +.fa-reddit:before { + content: "\f1a1"; } + +.fa-reddit-alien:before { + content: "\f281"; } + +.fa-reddit-square:before { + content: "\f1a2"; } + +.fa-redhat:before { + content: "\f7bc"; } + +.fa-redo:before { + content: "\f01e"; } + +.fa-redo-alt:before { + content: "\f2f9"; } + +.fa-registered:before { + content: "\f25d"; } + +.fa-renren:before { + content: "\f18b"; } + +.fa-reply:before { + content: "\f3e5"; } + +.fa-reply-all:before { + content: "\f122"; } + +.fa-replyd:before { + content: "\f3e6"; } + +.fa-republican:before { + content: "\f75e"; } + +.fa-researchgate:before { + content: "\f4f8"; } + +.fa-resolving:before { + content: "\f3e7"; } + +.fa-restroom:before { + content: "\f7bd"; } + +.fa-retweet:before { + content: "\f079"; } + +.fa-rev:before { + content: "\f5b2"; } + +.fa-ribbon:before { + content: "\f4d6"; } + +.fa-ring:before { + content: "\f70b"; } + +.fa-road:before { + content: "\f018"; } + +.fa-robot:before { + content: "\f544"; } + +.fa-rocket:before { + content: "\f135"; } + +.fa-rocketchat:before { + content: "\f3e8"; } + +.fa-rockrms:before { + content: "\f3e9"; } + +.fa-route:before { + content: "\f4d7"; } + +.fa-rss:before { + content: "\f09e"; } + +.fa-rss-square:before { + content: "\f143"; } + +.fa-ruble-sign:before { + content: "\f158"; } + +.fa-ruler:before { + content: "\f545"; } + +.fa-ruler-combined:before { + content: "\f546"; } + +.fa-ruler-horizontal:before { + content: "\f547"; } + +.fa-ruler-vertical:before { + content: "\f548"; } + +.fa-running:before { + content: "\f70c"; } + +.fa-rupee-sign:before { + content: "\f156"; } + +.fa-sad-cry:before { + content: "\f5b3"; } + +.fa-sad-tear:before { + content: "\f5b4"; } + +.fa-safari:before { + content: "\f267"; } + +.fa-salesforce:before { + content: "\f83b"; } + +.fa-sass:before { + content: "\f41e"; } + +.fa-satellite:before { + content: "\f7bf"; } + +.fa-satellite-dish:before { + content: "\f7c0"; } + +.fa-save:before { + content: "\f0c7"; } + +.fa-schlix:before { + content: "\f3ea"; } + +.fa-school:before { + content: "\f549"; } + +.fa-screwdriver:before { + content: "\f54a"; } + +.fa-scribd:before { + content: "\f28a"; } + +.fa-scroll:before { + content: "\f70e"; } + +.fa-sd-card:before { + content: "\f7c2"; } + +.fa-search:before { + content: "\f002"; } + +.fa-search-dollar:before { + content: "\f688"; } + +.fa-search-location:before { + content: "\f689"; } + +.fa-search-minus:before { + content: "\f010"; } + +.fa-search-plus:before { + content: "\f00e"; } + +.fa-searchengin:before { + content: "\f3eb"; } + +.fa-seedling:before { + content: "\f4d8"; } + +.fa-sellcast:before { + content: "\f2da"; } + +.fa-sellsy:before { + content: "\f213"; } + +.fa-server:before { + content: "\f233"; } + +.fa-servicestack:before { + content: "\f3ec"; } + +.fa-shapes:before { + content: "\f61f"; } + +.fa-share:before { + content: "\f064"; } + +.fa-share-alt:before { + content: "\f1e0"; } + +.fa-share-alt-square:before { + content: "\f1e1"; } + +.fa-share-square:before { + content: "\f14d"; } + +.fa-shekel-sign:before { + content: "\f20b"; } + +.fa-shield-alt:before { + content: "\f3ed"; } + +.fa-ship:before { + content: "\f21a"; } + +.fa-shipping-fast:before { + content: "\f48b"; } + +.fa-shirtsinbulk:before { + content: "\f214"; } + +.fa-shoe-prints:before { + content: "\f54b"; } + +.fa-shopping-bag:before { + content: "\f290"; } + +.fa-shopping-basket:before { + content: "\f291"; } + +.fa-shopping-cart:before { + content: "\f07a"; } + +.fa-shopware:before { + content: "\f5b5"; } + +.fa-shower:before { + content: "\f2cc"; } + +.fa-shuttle-van:before { + content: "\f5b6"; } + +.fa-sign:before { + content: "\f4d9"; } + +.fa-sign-in-alt:before { + content: "\f2f6"; } + +.fa-sign-language:before { + content: "\f2a7"; } + +.fa-sign-out-alt:before { + content: "\f2f5"; } + +.fa-signal:before { + content: "\f012"; } + +.fa-signature:before { + content: "\f5b7"; } + +.fa-sim-card:before { + content: "\f7c4"; } + +.fa-simplybuilt:before { + content: "\f215"; } + +.fa-sistrix:before { + content: "\f3ee"; } + +.fa-sitemap:before { + content: "\f0e8"; } + +.fa-sith:before { + content: "\f512"; } + +.fa-skating:before { + content: "\f7c5"; } + +.fa-sketch:before { + content: "\f7c6"; } + +.fa-skiing:before { + content: "\f7c9"; } + +.fa-skiing-nordic:before { + content: "\f7ca"; } + +.fa-skull:before { + content: "\f54c"; } + +.fa-skull-crossbones:before { + content: "\f714"; } + +.fa-skyatlas:before { + content: "\f216"; } + +.fa-skype:before { + content: "\f17e"; } + +.fa-slack:before { + content: "\f198"; } + +.fa-slack-hash:before { + content: "\f3ef"; } + +.fa-slash:before { + content: "\f715"; } + +.fa-sleigh:before { + content: "\f7cc"; } + +.fa-sliders-h:before { + content: "\f1de"; } + +.fa-slideshare:before { + content: "\f1e7"; } + +.fa-smile:before { + content: "\f118"; } + +.fa-smile-beam:before { + content: "\f5b8"; } + +.fa-smile-wink:before { + content: "\f4da"; } + +.fa-smog:before { + content: "\f75f"; } + +.fa-smoking:before { + content: "\f48d"; } + +.fa-smoking-ban:before { + content: "\f54d"; } + +.fa-sms:before { + content: "\f7cd"; } + +.fa-snapchat:before { + content: "\f2ab"; } + +.fa-snapchat-ghost:before { + content: "\f2ac"; } + +.fa-snapchat-square:before { + content: "\f2ad"; } + +.fa-snowboarding:before { + content: "\f7ce"; } + +.fa-snowflake:before { + content: "\f2dc"; } + +.fa-snowman:before { + content: "\f7d0"; } + +.fa-snowplow:before { + content: "\f7d2"; } + +.fa-socks:before { + content: "\f696"; } + +.fa-solar-panel:before { + content: "\f5ba"; } + +.fa-sort:before { + content: "\f0dc"; } + +.fa-sort-alpha-down:before { + content: "\f15d"; } + +.fa-sort-alpha-up:before { + content: "\f15e"; } + +.fa-sort-amount-down:before { + content: "\f160"; } + +.fa-sort-amount-up:before { + content: "\f161"; } + +.fa-sort-down:before { + content: "\f0dd"; } + +.fa-sort-numeric-down:before { + content: "\f162"; } + +.fa-sort-numeric-up:before { + content: "\f163"; } + +.fa-sort-up:before { + content: "\f0de"; } + +.fa-soundcloud:before { + content: "\f1be"; } + +.fa-sourcetree:before { + content: "\f7d3"; } + +.fa-spa:before { + content: "\f5bb"; } + +.fa-space-shuttle:before { + content: "\f197"; } + +.fa-speakap:before { + content: "\f3f3"; } + +.fa-speaker-deck:before { + content: "\f83c"; } + +.fa-spider:before { + content: "\f717"; } + +.fa-spinner:before { + content: "\f110"; } + +.fa-splotch:before { + content: "\f5bc"; } + +.fa-spotify:before { + content: "\f1bc"; } + +.fa-spray-can:before { + content: "\f5bd"; } + +.fa-square:before { + content: "\f0c8"; } + +.fa-square-full:before { + content: "\f45c"; } + +.fa-square-root-alt:before { + content: "\f698"; } + +.fa-squarespace:before { + content: "\f5be"; } + +.fa-stack-exchange:before { + content: "\f18d"; } + +.fa-stack-overflow:before { + content: "\f16c"; } + +.fa-stamp:before { + content: "\f5bf"; } + +.fa-star:before { + content: "\f005"; } + +.fa-star-and-crescent:before { + content: "\f699"; } + +.fa-star-half:before { + content: "\f089"; } + +.fa-star-half-alt:before { + content: "\f5c0"; } + +.fa-star-of-david:before { + content: "\f69a"; } + +.fa-star-of-life:before { + content: "\f621"; } + +.fa-staylinked:before { + content: "\f3f5"; } + +.fa-steam:before { + content: "\f1b6"; } + +.fa-steam-square:before { + content: "\f1b7"; } + +.fa-steam-symbol:before { + content: "\f3f6"; } + +.fa-step-backward:before { + content: "\f048"; } + +.fa-step-forward:before { + content: "\f051"; } + +.fa-stethoscope:before { + content: "\f0f1"; } + +.fa-sticker-mule:before { + content: "\f3f7"; } + +.fa-sticky-note:before { + content: "\f249"; } + +.fa-stop:before { + content: "\f04d"; } + +.fa-stop-circle:before { + content: "\f28d"; } + +.fa-stopwatch:before { + content: "\f2f2"; } + +.fa-store:before { + content: "\f54e"; } + +.fa-store-alt:before { + content: "\f54f"; } + +.fa-strava:before { + content: "\f428"; } + +.fa-stream:before { + content: "\f550"; } + +.fa-street-view:before { + content: "\f21d"; } + +.fa-strikethrough:before { + content: "\f0cc"; } + +.fa-stripe:before { + content: "\f429"; } + +.fa-stripe-s:before { + content: "\f42a"; } + +.fa-stroopwafel:before { + content: "\f551"; } + +.fa-studiovinari:before { + content: "\f3f8"; } + +.fa-stumbleupon:before { + content: "\f1a4"; } + +.fa-stumbleupon-circle:before { + content: "\f1a3"; } + +.fa-subscript:before { + content: "\f12c"; } + +.fa-subway:before { + content: "\f239"; } + +.fa-suitcase:before { + content: "\f0f2"; } + +.fa-suitcase-rolling:before { + content: "\f5c1"; } + +.fa-sun:before { + content: "\f185"; } + +.fa-superpowers:before { + content: "\f2dd"; } + +.fa-superscript:before { + content: "\f12b"; } + +.fa-supple:before { + content: "\f3f9"; } + +.fa-surprise:before { + content: "\f5c2"; } + +.fa-suse:before { + content: "\f7d6"; } + +.fa-swatchbook:before { + content: "\f5c3"; } + +.fa-swimmer:before { + content: "\f5c4"; } + +.fa-swimming-pool:before { + content: "\f5c5"; } + +.fa-symfony:before { + content: "\f83d"; } + +.fa-synagogue:before { + content: "\f69b"; } + +.fa-sync:before { + content: "\f021"; } + +.fa-sync-alt:before { + content: "\f2f1"; } + +.fa-syringe:before { + content: "\f48e"; } + +.fa-table:before { + content: "\f0ce"; } + +.fa-table-tennis:before { + content: "\f45d"; } + +.fa-tablet:before { + content: "\f10a"; } + +.fa-tablet-alt:before { + content: "\f3fa"; } + +.fa-tablets:before { + content: "\f490"; } + +.fa-tachometer-alt:before { + content: "\f3fd"; } + +.fa-tag:before { + content: "\f02b"; } + +.fa-tags:before { + content: "\f02c"; } + +.fa-tape:before { + content: "\f4db"; } + +.fa-tasks:before { + content: "\f0ae"; } + +.fa-taxi:before { + content: "\f1ba"; } + +.fa-teamspeak:before { + content: "\f4f9"; } + +.fa-teeth:before { + content: "\f62e"; } + +.fa-teeth-open:before { + content: "\f62f"; } + +.fa-telegram:before { + content: "\f2c6"; } + +.fa-telegram-plane:before { + content: "\f3fe"; } + +.fa-temperature-high:before { + content: "\f769"; } + +.fa-temperature-low:before { + content: "\f76b"; } + +.fa-tencent-weibo:before { + content: "\f1d5"; } + +.fa-tenge:before { + content: "\f7d7"; } + +.fa-terminal:before { + content: "\f120"; } + +.fa-text-height:before { + content: "\f034"; } + +.fa-text-width:before { + content: "\f035"; } + +.fa-th:before { + content: "\f00a"; } + +.fa-th-large:before { + content: "\f009"; } + +.fa-th-list:before { + content: "\f00b"; } + +.fa-the-red-yeti:before { + content: "\f69d"; } + +.fa-theater-masks:before { + content: "\f630"; } + +.fa-themeco:before { + content: "\f5c6"; } + +.fa-themeisle:before { + content: "\f2b2"; } + +.fa-thermometer:before { + content: "\f491"; } + +.fa-thermometer-empty:before { + content: "\f2cb"; } + +.fa-thermometer-full:before { + content: "\f2c7"; } + +.fa-thermometer-half:before { + content: "\f2c9"; } + +.fa-thermometer-quarter:before { + content: "\f2ca"; } + +.fa-thermometer-three-quarters:before { + content: "\f2c8"; } + +.fa-think-peaks:before { + content: "\f731"; } + +.fa-thumbs-down:before { + content: "\f165"; } + +.fa-thumbs-up:before { + content: "\f164"; } + +.fa-thumbtack:before { + content: "\f08d"; } + +.fa-ticket-alt:before { + content: "\f3ff"; } + +.fa-times:before { + content: "\f00d"; } + +.fa-times-circle:before { + content: "\f057"; } + +.fa-tint:before { + content: "\f043"; } + +.fa-tint-slash:before { + content: "\f5c7"; } + +.fa-tired:before { + content: "\f5c8"; } + +.fa-toggle-off:before { + content: "\f204"; } + +.fa-toggle-on:before { + content: "\f205"; } + +.fa-toilet:before { + content: "\f7d8"; } + +.fa-toilet-paper:before { + content: "\f71e"; } + +.fa-toolbox:before { + content: "\f552"; } + +.fa-tools:before { + content: "\f7d9"; } + +.fa-tooth:before { + content: "\f5c9"; } + +.fa-torah:before { + content: "\f6a0"; } + +.fa-torii-gate:before { + content: "\f6a1"; } + +.fa-tractor:before { + content: "\f722"; } + +.fa-trade-federation:before { + content: "\f513"; } + +.fa-trademark:before { + content: "\f25c"; } + +.fa-traffic-light:before { + content: "\f637"; } + +.fa-train:before { + content: "\f238"; } + +.fa-tram:before { + content: "\f7da"; } + +.fa-transgender:before { + content: "\f224"; } + +.fa-transgender-alt:before { + content: "\f225"; } + +.fa-trash:before { + content: "\f1f8"; } + +.fa-trash-alt:before { + content: "\f2ed"; } + +.fa-trash-restore:before { + content: "\f829"; } + +.fa-trash-restore-alt:before { + content: "\f82a"; } + +.fa-tree:before { + content: "\f1bb"; } + +.fa-trello:before { + content: "\f181"; } + +.fa-tripadvisor:before { + content: "\f262"; } + +.fa-trophy:before { + content: "\f091"; } + +.fa-truck:before { + content: "\f0d1"; } + +.fa-truck-loading:before { + content: "\f4de"; } + +.fa-truck-monster:before { + content: "\f63b"; } + +.fa-truck-moving:before { + content: "\f4df"; } + +.fa-truck-pickup:before { + content: "\f63c"; } + +.fa-tshirt:before { + content: "\f553"; } + +.fa-tty:before { + content: "\f1e4"; } + +.fa-tumblr:before { + content: "\f173"; } + +.fa-tumblr-square:before { + content: "\f174"; } + +.fa-tv:before { + content: "\f26c"; } + +.fa-twitch:before { + content: "\f1e8"; } + +.fa-twitter:before { + content: "\f099"; } + +.fa-twitter-square:before { + content: "\f081"; } + +.fa-typo3:before { + content: "\f42b"; } + +.fa-uber:before { + content: "\f402"; } + +.fa-ubuntu:before { + content: "\f7df"; } + +.fa-uikit:before { + content: "\f403"; } + +.fa-umbrella:before { + content: "\f0e9"; } + +.fa-umbrella-beach:before { + content: "\f5ca"; } + +.fa-underline:before { + content: "\f0cd"; } + +.fa-undo:before { + content: "\f0e2"; } + +.fa-undo-alt:before { + content: "\f2ea"; } + +.fa-uniregistry:before { + content: "\f404"; } + +.fa-universal-access:before { + content: "\f29a"; } + +.fa-university:before { + content: "\f19c"; } + +.fa-unlink:before { + content: "\f127"; } + +.fa-unlock:before { + content: "\f09c"; } + +.fa-unlock-alt:before { + content: "\f13e"; } + +.fa-untappd:before { + content: "\f405"; } + +.fa-upload:before { + content: "\f093"; } + +.fa-ups:before { + content: "\f7e0"; } + +.fa-usb:before { + content: "\f287"; } + +.fa-user:before { + content: "\f007"; } + +.fa-user-alt:before { + content: "\f406"; } + +.fa-user-alt-slash:before { + content: "\f4fa"; } + +.fa-user-astronaut:before { + content: "\f4fb"; } + +.fa-user-check:before { + content: "\f4fc"; } + +.fa-user-circle:before { + content: "\f2bd"; } + +.fa-user-clock:before { + content: "\f4fd"; } + +.fa-user-cog:before { + content: "\f4fe"; } + +.fa-user-edit:before { + content: "\f4ff"; } + +.fa-user-friends:before { + content: "\f500"; } + +.fa-user-graduate:before { + content: "\f501"; } + +.fa-user-injured:before { + content: "\f728"; } + +.fa-user-lock:before { + content: "\f502"; } + +.fa-user-md:before { + content: "\f0f0"; } + +.fa-user-minus:before { + content: "\f503"; } + +.fa-user-ninja:before { + content: "\f504"; } + +.fa-user-nurse:before { + content: "\f82f"; } + +.fa-user-plus:before { + content: "\f234"; } + +.fa-user-secret:before { + content: "\f21b"; } + +.fa-user-shield:before { + content: "\f505"; } + +.fa-user-slash:before { + content: "\f506"; } + +.fa-user-tag:before { + content: "\f507"; } + +.fa-user-tie:before { + content: "\f508"; } + +.fa-user-times:before { + content: "\f235"; } + +.fa-users:before { + content: "\f0c0"; } + +.fa-users-cog:before { + content: "\f509"; } + +.fa-usps:before { + content: "\f7e1"; } + +.fa-ussunnah:before { + content: "\f407"; } + +.fa-utensil-spoon:before { + content: "\f2e5"; } + +.fa-utensils:before { + content: "\f2e7"; } + +.fa-vaadin:before { + content: "\f408"; } + +.fa-vector-square:before { + content: "\f5cb"; } + +.fa-venus:before { + content: "\f221"; } + +.fa-venus-double:before { + content: "\f226"; } + +.fa-venus-mars:before { + content: "\f228"; } + +.fa-viacoin:before { + content: "\f237"; } + +.fa-viadeo:before { + content: "\f2a9"; } + +.fa-viadeo-square:before { + content: "\f2aa"; } + +.fa-vial:before { + content: "\f492"; } + +.fa-vials:before { + content: "\f493"; } + +.fa-viber:before { + content: "\f409"; } + +.fa-video:before { + content: "\f03d"; } + +.fa-video-slash:before { + content: "\f4e2"; } + +.fa-vihara:before { + content: "\f6a7"; } + +.fa-vimeo:before { + content: "\f40a"; } + +.fa-vimeo-square:before { + content: "\f194"; } + +.fa-vimeo-v:before { + content: "\f27d"; } + +.fa-vine:before { + content: "\f1ca"; } + +.fa-vk:before { + content: "\f189"; } + +.fa-vnv:before { + content: "\f40b"; } + +.fa-volleyball-ball:before { + content: "\f45f"; } + +.fa-volume-down:before { + content: "\f027"; } + +.fa-volume-mute:before { + content: "\f6a9"; } + +.fa-volume-off:before { + content: "\f026"; } + +.fa-volume-up:before { + content: "\f028"; } + +.fa-vote-yea:before { + content: "\f772"; } + +.fa-vr-cardboard:before { + content: "\f729"; } + +.fa-vuejs:before { + content: "\f41f"; } + +.fa-walking:before { + content: "\f554"; } + +.fa-wallet:before { + content: "\f555"; } + +.fa-warehouse:before { + content: "\f494"; } + +.fa-water:before { + content: "\f773"; } + +.fa-wave-square:before { + content: "\f83e"; } + +.fa-waze:before { + content: "\f83f"; } + +.fa-weebly:before { + content: "\f5cc"; } + +.fa-weibo:before { + content: "\f18a"; } + +.fa-weight:before { + content: "\f496"; } + +.fa-weight-hanging:before { + content: "\f5cd"; } + +.fa-weixin:before { + content: "\f1d7"; } + +.fa-whatsapp:before { + content: "\f232"; } + +.fa-whatsapp-square:before { + content: "\f40c"; } + +.fa-wheelchair:before { + content: "\f193"; } + +.fa-whmcs:before { + content: "\f40d"; } + +.fa-wifi:before { + content: "\f1eb"; } + +.fa-wikipedia-w:before { + content: "\f266"; } + +.fa-wind:before { + content: "\f72e"; } + +.fa-window-close:before { + content: "\f410"; } + +.fa-window-maximize:before { + content: "\f2d0"; } + +.fa-window-minimize:before { + content: "\f2d1"; } + +.fa-window-restore:before { + content: "\f2d2"; } + +.fa-windows:before { + content: "\f17a"; } + +.fa-wine-bottle:before { + content: "\f72f"; } + +.fa-wine-glass:before { + content: "\f4e3"; } + +.fa-wine-glass-alt:before { + content: "\f5ce"; } + +.fa-wix:before { + content: "\f5cf"; } + +.fa-wizards-of-the-coast:before { + content: "\f730"; } + +.fa-wolf-pack-battalion:before { + content: "\f514"; } + +.fa-won-sign:before { + content: "\f159"; } + +.fa-wordpress:before { + content: "\f19a"; } + +.fa-wordpress-simple:before { + content: "\f411"; } + +.fa-wpbeginner:before { + content: "\f297"; } + +.fa-wpexplorer:before { + content: "\f2de"; } + +.fa-wpforms:before { + content: "\f298"; } + +.fa-wpressr:before { + content: "\f3e4"; } + +.fa-wrench:before { + content: "\f0ad"; } + +.fa-x-ray:before { + content: "\f497"; } + +.fa-xbox:before { + content: "\f412"; } + +.fa-xing:before { + content: "\f168"; } + +.fa-xing-square:before { + content: "\f169"; } + +.fa-y-combinator:before { + content: "\f23b"; } + +.fa-yahoo:before { + content: "\f19e"; } + +.fa-yammer:before { + content: "\f840"; } + +.fa-yandex:before { + content: "\f413"; } + +.fa-yandex-international:before { + content: "\f414"; } + +.fa-yarn:before { + content: "\f7e3"; } + +.fa-yelp:before { + content: "\f1e9"; } + +.fa-yen-sign:before { + content: "\f157"; } + +.fa-yin-yang:before { + content: "\f6ad"; } + +.fa-yoast:before { + content: "\f2b1"; } + +.fa-youtube:before { + content: "\f167"; } + +.fa-youtube-square:before { + content: "\f431"; } + +.fa-zhihu:before { + content: "\f63f"; } + +.sr-only { + border: 0; + clip: rect(0, 0, 0, 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; } + +.sr-only-focusable:active, .sr-only-focusable:focus { + clip: auto; + height: auto; + margin: 0; + overflow: visible; + position: static; + width: auto; } + +/*! * Font Awesome Free 5.8.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) - */@font-face{font-family:'Font Awesome 5 Free';font-style:normal;font-weight:400;font-display:auto;src:url("../webfonts/fa-regular-400.eot");src:url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),url("../webfonts/fa-regular-400.woff2") format("woff2"),url("../webfonts/fa-regular-400.woff") format("woff"),url("../webfonts/fa-regular-400.ttf") format("truetype"),url("../webfonts/fa-regular-400.svg#fontawesome") format("svg")}.far{font-family:'Font Awesome 5 Free';font-weight:400}/*! + */ +@font-face { + font-family: 'Font Awesome 5 Free'; + font-style: normal; + font-weight: 400; + font-display: auto; + src: url("../webfonts/fa-regular-400.eot"); + src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); } + +.far { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; } + +/*! * Font Awesome Free 5.8.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) - */@font-face{font-family:'Font Awesome 5 Free';font-style:normal;font-weight:900;font-display:auto;src:url("../webfonts/fa-solid-900.eot");src:url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("../webfonts/fa-solid-900.woff2") format("woff2"),url("../webfonts/fa-solid-900.woff") format("woff"),url("../webfonts/fa-solid-900.ttf") format("truetype"),url("../webfonts/fa-solid-900.svg#fontawesome") format("svg")}.fa,.fas{font-family:'Font Awesome 5 Free';font-weight:900} + */ +@font-face { + font-family: 'Font Awesome 5 Free'; + font-style: normal; + font-weight: 900; + font-display: auto; + src: url("../webfonts/fa-solid-900.eot"); + src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); } + +.fa, +.fas { + font-family: 'Font Awesome 5 Free'; + font-weight: 900; } + +/*# sourceMappingURL=font-awesome.css.map */ diff --git a/css/style.css b/css/style.css index e896fd5..338ed15 100644 --- a/css/style.css +++ b/css/style.css @@ -1 +1,1640 @@ -@font-face{font-family:system;font-style:normal;font-weight:300;src:local(".SFNSText-Light"),local(".HelveticaNeueDeskInterface-Light"),local(".LucidaGrandeUI"),local("Ubuntu Light"),local("Segoe UI Light"),local("Roboto-Light"),local("DroidSans"),local("Tahoma")}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{color:#1a1a1a}.cta-link:after,.paragraph-content .field--name-field-read-more a:after{content:"\f054";display:inline-block;font-family:"Font Awesome 5 Free";font-weight:700;margin-left:7px}.cta-link:hover:after,.paragraph-content .field--name-field-read-more a:hover:after{-webkit-animation:arrow-animate 1.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite both;animation:arrow-animate 1.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite both;opacity:1}@-webkit-keyframes arrow-animate{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:0}100%{-webkit-transform:translateX(15px);transform:translateX(15px);opacity:1}}@keyframes arrow-animate{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:0}100%{-webkit-transform:translateX(15px);transform:translateX(15px);opacity:1}}html{font-size:62.5%}body{font-size:1.6rem;font-family:system;font-weight:300;line-height:1.45}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{margin:1.25em 0 .5em}h1{font-size:4.5rem;font-family:system;font-weight:100;margin:0.8em 0 0.35em}h2{font-size:3.6rem;font-weight:100}h3{font-size:3rem;font-weight:700}h4{font-size:2.5rem;font-weight:100}h5{font-size:1.8rem;font-weight:300}h6{font-size:1.6rem;font-weight:500}p{margin:0 0 1.5em 0}a{color:#2d73b3;-webkit-transition:all 600ms ease-in-out;transition:all 600ms ease-in-out;text-decoration:underline}a:hover{color:#1a1a1a;text-decoration:none;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}strong{font-weight:500}.lead{font-size:2.4rem;font-style:italic}.region-admin-area{padding:0 2rem}.region-admin-area>*{margin:0 auto;max-width:140rem}.region-admin-area{background:rgba(0,0,0,0)}.block-local-tasks-block{margin:0 auto;max-width:140rem;padding:0 2rem;position:relative}.region-content-view{margin:0 auto;max-width:140rem;padding:0 2rem;position:relative}header{background:#f2f2f2}.region-header{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr auto;margin:0 auto;max-width:140rem;padding:0 2rem;position:relative;z-index:300}@media (min-width: 48rem){.region-header{grid-template-columns:3fr 2fr}}@media (min-width: 48rem){.region-header{grid-template-columns:2fr 1fr 2fr}}.region-header .logo{grid-area:1/1/1/2;margin:0.5em;max-width:100px}@media (min-width: 29.25rem){.region-header .logo{margin:1em 0;max-width:150px}}@media (min-width: 48rem){.region-header .logo{max-width:200px}}.region-header .search{grid-area:1/2/1/3}@media (min-width: 48rem){.region-header .search{grid-area:1/3/1/4}}.region-header .menu-switch{grid-area:1/2/1/3}.main-navigation{position:relative}@media (min-width: 48rem){.main-navigation{position:-webkit-sticky;position:sticky;top:0;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;width:100%;z-index:299}}.top-bar{padding:0 2rem}.region-top-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin:0 auto;max-width:140rem}.region-top-bar .menu{margin:.3em 0 .3em 2em}.region-top-bar .menu li{display:inline-block;margin-left:.5em;padding-top:0}.region-top-bar .menu a{font-size:1.2rem}.paragraph--type--node-list .list,.paragraph--type--item-list .list{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-2rem;margin-right:-2rem;list-style:none;padding:0}.paragraph--type--node-list .list>.list__item,.paragraph--type--item-list .list>.list__item{padding:0 2rem 4rem;width:100%}.paragraph--type--node-list .list>.list__item>.paragraph,.paragraph--type--item-list .list>.list__item>.paragraph{height:100%}@media (min-width: 48rem){.paragraph--type--node-list.list-layout--halves .list>.list__item,.paragraph--type--item-list.list-layout--halves .list>.list__item{width:50%}.paragraph--type--node-list.list-layout--thirds .list>.list__item,.paragraph--type--item-list.list-layout--thirds .list>.list__item{width:calc(100 / 3 * 1%)}.paragraph--type--node-list.list-layout--one-two .list>.list__item:nth-child(2n+1),.paragraph--type--item-list.list-layout--one-two .list>.list__item:nth-child(2n+1){width:calc(100 / 3 * 1%)}.paragraph--type--node-list.list-layout--one-two .list>.list__item:nth-child(2n+2),.paragraph--type--item-list.list-layout--one-two .list>.list__item:nth-child(2n+2){width:calc(100 / 3 * 2%)}.paragraph--type--node-list.list-layout--two-one .list>.list__item:nth-child(2n+1),.paragraph--type--item-list.list-layout--two-one .list>.list__item:nth-child(2n+1){width:calc(100 / 3 * 2%)}.paragraph--type--node-list.list-layout--two-one .list>.list__item:nth-child(2n+2),.paragraph--type--item-list.list-layout--two-one .list>.list__item:nth-child(2n+2){width:calc(100 / 3 * 1%)}.paragraph--type--node-list.list-layout--one-three .list>.list__item:nth-child(2n+1),.paragraph--type--item-list.list-layout--one-three .list>.list__item:nth-child(2n+1){width:calc(100 / 4 * 1%)}.paragraph--type--node-list.list-layout--one-three .list>.list__item:nth-child(2n+2),.paragraph--type--item-list.list-layout--one-three .list>.list__item:nth-child(2n+2){width:calc(100 / 4 * 3%)}.paragraph--type--node-list.list-layout--three-one .list>.list__item:nth-child(2n+1),.paragraph--type--item-list.list-layout--three-one .list>.list__item:nth-child(2n+1){width:calc(100 / 4 * 3%)}.paragraph--type--node-list.list-layout--three-one .list>.list__item:nth-child(2n+2),.paragraph--type--item-list.list-layout--three-one .list>.list__item:nth-child(2n+2){width:calc(100 / 4 * 1%)}.paragraph--type--node-list.list-layout--one-two-one .list>.list__item:nth-child(3n+1),.paragraph--type--item-list.list-layout--one-two-one .list>.list__item:nth-child(3n+1){width:calc(100 / 4 * 1%)}.paragraph--type--node-list.list-layout--one-two-one .list>.list__item:nth-child(3n+2),.paragraph--type--item-list.list-layout--one-two-one .list>.list__item:nth-child(3n+2){width:calc(100 / 4 * 2%)}.paragraph--type--node-list.list-layout--one-two-one .list>.list__item:nth-child(3n+3),.paragraph--type--item-list.list-layout--one-two-one .list>.list__item:nth-child(3n+3){width:calc(100 / 4 * 1%)}}@media (min-width: 48rem){.paragraph--type--node-list.list-layout--quarters .list>.list__item,.paragraph--type--item-list.list-layout--quarters .list>.list__item{width:calc(100 / 2 * 1%)}}@media (min-width: 75rem){.paragraph--type--node-list.list-layout--quarters .list>.list__item,.paragraph--type--item-list.list-layout--quarters .list>.list__item{width:calc(100 / 4 * 1%)}}@media (min-width: 48rem){.paragraph--type--node-list.list-layout--fifths .list>.list__item,.paragraph--type--item-list.list-layout--fifths .list>.list__item{width:calc(100 / 5 * 1%)}}@media (min-width: 48rem){.paragraph--type--node-list.list-layout--sixths .list>.list__item,.paragraph--type--item-list.list-layout--sixths .list>.list__item{width:calc(100 / 3 * 1%)}}@media (min-width: 75rem){.paragraph--type--node-list.list-layout--sixths .list>.list__item,.paragraph--type--item-list.list-layout--sixths .list>.list__item{width:calc(100 / 6 * 1%)}}.paragraph--type--node-list.list-layout--equal .list>.list__item,.paragraph--type--item-list.list-layout--equal .list>.list__item{padding-left:2rem;padding-right:2rem}@media (min-width: 48rem){.paragraph--type--node-list.list-layout--equal .list>.list__item,.paragraph--type--item-list.list-layout--equal .list>.list__item{width:calc(100 / 3 * 1%)}}@media (min-width: 75rem){.paragraph--type--node-list.list-layout--equal .list>.list__item,.paragraph--type--item-list.list-layout--equal .list>.list__item{width:calc(100 / 6 * 1%)}}.paragraph--type--node-list.list-layout--equal .list>.list__item:first-child:nth-last-child(1),.paragraph--type--item-list.list-layout--equal .list>.list__item:first-child:nth-last-child(1){width:100%}.paragraph--type--node-list.list-layout--equal .list>.list__item:first-child:nth-last-child(2),.paragraph--type--node-list.list-layout--equal .list>.list__item:first-child:nth-last-child(2) ~ .list__item,.paragraph--type--item-list.list-layout--equal .list>.list__item:first-child:nth-last-child(2),.paragraph--type--item-list.list-layout--equal .list>.list__item:first-child:nth-last-child(2) ~ .list__item{width:100%}@media (min-width: 48rem){.paragraph--type--node-list.list-layout--equal .list>.list__item:first-child:nth-last-child(2),.paragraph--type--node-list.list-layout--equal .list>.list__item:first-child:nth-last-child(2) ~ .list__item,.paragraph--type--item-list.list-layout--equal .list>.list__item:first-child:nth-last-child(2),.paragraph--type--item-list.list-layout--equal .list>.list__item:first-child:nth-last-child(2) ~ .list__item{margin-top:0;width:calc(100 / 2 * 1%)}}.paragraph--type--node-list.list-layout--equal .list>.list__item:first-child:nth-last-child(3),.paragraph--type--node-list.list-layout--equal .list>.list__item:first-child:nth-last-child(3) ~ .list__item,.paragraph--type--item-list.list-layout--equal .list>.list__item:first-child:nth-last-child(3),.paragraph--type--item-list.list-layout--equal .list>.list__item:first-child:nth-last-child(3) ~ .list__item{width:100%}@media (min-width: 48rem){.paragraph--type--node-list.list-layout--equal .list>.list__item:first-child:nth-last-child(3),.paragraph--type--node-list.list-layout--equal .list>.list__item:first-child:nth-last-child(3) ~ .list__item,.paragraph--type--item-list.list-layout--equal .list>.list__item:first-child:nth-last-child(3),.paragraph--type--item-list.list-layout--equal .list>.list__item:first-child:nth-last-child(3) ~ .list__item{margin-top:0;width:calc(100 / 3 * 1%)}}.paragraph--type--node-list.list-layout--equal .list>.list__item:first-child:nth-last-child(4),.paragraph--type--node-list.list-layout--equal .list>.list__item:first-child:nth-last-child(4) ~ .list__item,.paragraph--type--item-list.list-layout--equal .list>.list__item:first-child:nth-last-child(4),.paragraph--type--item-list.list-layout--equal .list>.list__item:first-child:nth-last-child(4) ~ .list__item{width:100%}@media (min-width: 48rem){.paragraph--type--node-list.list-layout--equal .list>.list__item:first-child:nth-last-child(4),.paragraph--type--node-list.list-layout--equal .list>.list__item:first-child:nth-last-child(4) ~ .list__item,.paragraph--type--item-list.list-layout--equal .list>.list__item:first-child:nth-last-child(4),.paragraph--type--item-list.list-layout--equal .list>.list__item:first-child:nth-last-child(4) ~ .list__item{margin-top:0;width:calc(100 / 2 * 1%)}}@media (min-width: 75rem){.paragraph--type--node-list.list-layout--equal .list>.list__item:first-child:nth-last-child(4),.paragraph--type--node-list.list-layout--equal .list>.list__item:first-child:nth-last-child(4) ~ .list__item,.paragraph--type--item-list.list-layout--equal .list>.list__item:first-child:nth-last-child(4),.paragraph--type--item-list.list-layout--equal .list>.list__item:first-child:nth-last-child(4) ~ .list__item{width:calc(100 / 4 * 1%)}}.paragraph--type--node-list.list-layout--equal .list>.list__item:first-child:nth-last-child(5),.paragraph--type--node-list.list-layout--equal .list>.list__item:first-child:nth-last-child(5) ~ .list__item,.paragraph--type--item-list.list-layout--equal .list>.list__item:first-child:nth-last-child(5),.paragraph--type--item-list.list-layout--equal .list>.list__item:first-child:nth-last-child(5) ~ .list__item{width:100%}@media (min-width: 48rem){.paragraph--type--node-list.list-layout--equal .list>.list__item:first-child:nth-last-child(5),.paragraph--type--node-list.list-layout--equal .list>.list__item:first-child:nth-last-child(5) ~ .list__item,.paragraph--type--item-list.list-layout--equal .list>.list__item:first-child:nth-last-child(5),.paragraph--type--item-list.list-layout--equal .list>.list__item:first-child:nth-last-child(5) ~ .list__item{margin-top:0;width:calc(100 / 3 * 1%)}}@media (min-width: 75rem){.paragraph--type--node-list.list-layout--equal .list>.list__item:first-child:nth-last-child(5),.paragraph--type--node-list.list-layout--equal .list>.list__item:first-child:nth-last-child(5) ~ .list__item,.paragraph--type--item-list.list-layout--equal .list>.list__item:first-child:nth-last-child(5),.paragraph--type--item-list.list-layout--equal .list>.list__item:first-child:nth-last-child(5) ~ .list__item{width:calc(100 / 5 * 1%)}}@media (min-width: 48rem){.paragraph--type--node-list.list-layout--equal .list>.list__item:nth-child(-n+3),.paragraph--type--item-list.list-layout--equal .list>.list__item:nth-child(-n+3){margin-top:0}}@media (min-width: 75rem){.paragraph--type--node-list.list-layout--equal .list>.list__item:nth-child(-n+6),.paragraph--type--item-list.list-layout--equal .list>.list__item:nth-child(-n+6){margin-top:0}}.list.erd-list--calendar-item .list__item{padding:0 2rem 2px}.container{margin:0 auto;max-width:140rem;padding:0 2rem}@media (min-width: 48rem){.container{padding:0 2rem}}div[class^='section-layout']>.block.block-layout-builder:not(.block-field-blocknodepagefield-components):not(.block-field-blocknodepagefield-hero-components):not(.block-field-blockblock-contentcomponentsfield-components){padding:0 2rem}@media (min-width: 48rem){div[class^='section-layout']>.block.block-layout-builder:not(.block-field-blocknodepagefield-components):not(.block-field-blocknodepagefield-hero-components):not(.block-field-blockblock-contentcomponentsfield-components){padding:0}}@media (min-width: 48rem){.section-layout:not(.section-layout__one-column){display:grid;gap:0 3%}}.section-layout__sidebar{height:100%}.section-layout--edgy{margin-left:0;margin-right:0;-ms-flex-wrap:initial;flex-wrap:initial;display:block}.section-layout--edgy .content{padding-left:0;padding-right:0}.section-layout--hero{margin-bottom:2em}.node__content .section-layout:first-child:not(.section-layout--hero){margin-top:2em}@media (min-width: 48rem){.section-layout--39{grid-template-columns:22% 75%}}@media (min-width: 48rem){.section-layout--39 .section-layout__content{grid-column:2/3;grid-row:2}}@media (min-width: 48rem){.section-layout--39 .section-layout__sidebar{grid-column:1/2;grid-row:2}}@media (min-width: 48rem){.section-layout--48{grid-template-columns:27% 70%}}@media (min-width: 48rem){.section-layout--48 .section-layout__content{grid-column:2/3;grid-row:2}}@media (min-width: 48rem){.section-layout--48 .section-layout__sidebar{grid-column:1/2;grid-row:2}}@media (min-width: 48rem){.section-layout--57{grid-template-columns:39% 58%}}@media (min-width: 48rem){.section-layout--57 .section-layout__content{grid-column:2/3;grid-row:2}}@media (min-width: 48rem){.section-layout--57 .section-layout__sidebar{grid-column:1/2;grid-row:2}}@media (min-width: 48rem){.section-layout--66{grid-template-columns:48.5% 48.5%}}@media (min-width: 48rem){.section-layout--66 .section-layout__content{grid-column:1/2;grid-row:2}}@media (min-width: 48rem){.section-layout--66 .section-layout__sidebar{grid-column:2/3;grid-row:2}}@media (min-width: 48rem){.section-layout--75{grid-template-columns:58% 39%}}@media (min-width: 48rem){.section-layout--75 .section-layout__content{grid-column:1/2;grid-row:2}}@media (min-width: 48rem){.section-layout--75 .section-layout__sidebar{grid-column:2/3;grid-row:2}}@media (min-width: 48rem){.section-layout--84{grid-template-columns:70% 27%}}@media (min-width: 48rem){.section-layout--84 .section-layout__content{grid-column:1/2;grid-row:2}}@media (min-width: 48rem){.section-layout--84 .section-layout__sidebar{grid-column:2/3;grid-row:2}}@media (min-width: 48rem){.section-layout--93{grid-template-columns:75% 22%}}@media (min-width: 48rem){.section-layout--93 .section-layout__content{grid-column:1/2;grid-row:2}}@media (min-width: 48rem){.section-layout--93 .section-layout__sidebar{grid-column:2/3;grid-row:2}}@media (min-width: 29.25rem){.views-layout .view-content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch}}.views-layout .view-content .views-row{margin-top:1.5rem}.views-layout--tiny-gap .view-content .views-row:not(:first-child){margin-top:2px}.views-layout--full-width .view-content .views-row{width:100%}@media (min-width: 29.25rem){.views-layout--halves .view-content .views-row{width:calc(100 / 2 * 1%)}}@media (min-width: 29.25rem){.views-layout--thirds .view-content .views-row{width:calc(100 / 3 * 1%)}}@media (min-width: 29.25rem){.views-layout--quarters .view-content .views-row{width:calc(100 / 4 * 1%)}}@media (min-width: 29.25rem){.views-layout--fifths .view-content .views-row{width:calc(100 / 5 * 1%)}}@media (min-width: 48rem){.views-layout--sixths .view-content .views-row{width:calc(100 / 3 * 1%)}}@media (min-width: 75rem){.views-layout--sixths .view-content .views-row{width:calc(100 / 6 * 1%)}}.field--name-field-attachments{background:#f2f2f2;padding:0.5em}.field--name-field-attachments .field__item+.field__item{margin-top:0.5em;padding-top:0.5em;border-top:1px dotted #b3b3b3}.back-to-top__link{padding:0.1em 0.5em;background:rgba(255,255,255,0.3);border:none;display:block;opacity:0;position:fixed;-webkit-transition:all 600ms ease-in-out;transition:all 600ms ease-in-out;z-index:-1;border-radius:100%;bottom:30px;right:30px;height:55px;overflow:hidden;width:55px}.back-to-top__link .fa{font-size:2rem;line-height:52px;-webkit-transition:all 600ms ease-in-out;transition:all 600ms ease-in-out}.back-to-top__link:hover{background:rgba(255,255,255,0.8)}.back-to-top__link:hover .fa{font-size:3rem;-webkit-transition:all 400ms ease-in-out;transition:all 400ms ease-in-out;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.back-to-top__link:focus,.back-to-top__link.is-visible{opacity:1;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;z-index:9999}.region-content-view{display:grid;gap:0 3%}@media (min-width: 48rem){.region-content-view{grid-template-columns:70% 27%}}@media (min-width: 48rem){.region-content-view .block-views-blockboard-list-block-1{grid-column:1/2;grid-row:2}}@media (min-width: 48rem){.region-content-view .block-facet-blockboard-type{grid-column:1/3;grid-row:1}.region-content-view .block-facet-blockboard-type .item-list__checkbox{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1em}}@media (min-width: 48rem){.region-content-view .block-facet-blockpublished-date{grid-column:2/3;grid-row:2}}.btn,.button{background:#2d73b3;border:3px solid transparent;border-radius:5px;-webkit-box-shadow:none;box-shadow:none;color:#fff;display:inline-block;padding:10px 25px;letter-spacing:.1em;-webkit-transition:all 700ms ease-in-out;transition:all 700ms ease-in-out}.btn:hover,.button:hover{background:#4d4d4d;color:#fff;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.btn-primary{background:#ebfaff;color:#02182b}.btn-secondary{background:#e4d6a7;color:#1c110a}.btn-light{background:#e6e6e6;color:#4d4d4d}.btn-dark{background:#1a1a1a;color:#fff}.color--standard{padding:2rem 0}.color--primary{background:#ebfaff;color:#02182b;padding:2rem}.color--primary a{color:#c2000b}.color--primary a:hover{color:#02182b}.color--primary a:focus{outline:3px solid #448fa3;outline-offset:2px}.color--primary .btn:hover{background:#4d4d4d;color:#fff;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.color--primary .btn-primary{background:#c2000b;color:#ebfaff}.color--primary .btn-secondary{background:#e4d6a7;color:#1c110a}.color--primary .btn-light{background:#e6e6e6;color:#4d4d4d}.color--primary .btn-dark{background:#1a1a1a;color:#fff}.color--secondary{background:#e4d6a7;color:#1c110a;padding:2rem}.color--secondary a{color:#ad1d27}.color--secondary a:hover{color:#1c110a}.color--secondary a:focus{outline:3px solid #50a2a7;outline-offset:2px}.color--secondary .btn:hover{background:#4d4d4d;color:#fff;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.color--secondary .btn-primary{background:#ebfaff;color:#02182b}.color--secondary .btn-secondary{background:#ad1d27;color:#e4d6a7}.color--secondary .btn-light{background:#e6e6e6;color:#4d4d4d}.color--secondary .btn-dark{background:#1a1a1a;color:#fff}.color--light{background:#e6e6e6;color:#4d4d4d;padding:2rem}.color--light a{color:#1a1a1a}.color--light a:hover{color:#4d4d4d}.color--light a:focus{outline:3px solid gray;outline-offset:2px}.color--light .btn:hover{background:#4d4d4d;color:#fff;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.color--light .btn-primary{background:#ebfaff;color:#02182b}.color--light .btn-secondary{background:#e4d6a7;color:#1c110a}.color--light .btn-light{background:#1a1a1a;color:#e6e6e6}.color--light .btn-dark{background:#1a1a1a;color:#fff}.color--dark{background:#1a1a1a;color:#fff;padding:2rem}.color--dark a{color:rgba(255,255,255,0.7)}.color--dark a:hover{color:#fff}.color--dark a:focus{outline:3px solid #1a1a1a;outline-offset:2px}.color--dark .btn:hover{background:#4d4d4d;color:#fff;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.color--dark .btn-primary{background:transparent;border-color:#ebfaff;color:#ebfaff}.color--dark .btn-secondary{background:transparent;border-color:#e4d6a7;color:#e4d6a7}.color--dark .btn-light{background:transparent;border-color:#e6e6e6;color:#e6e6e6}.color--dark .btn-dark{background:transparent;border-color:#fff;color:#fff}.field--name-field-event-date .datetime:first-child{font-weight:bold}.field--name-field-event-date .datetime:last-child{color:#666}.event-date--view-mode-full{font-size:2.4rem}.event-location--view-mode-full{font-size:2.4rem}.facets-widget-checkbox h3{margin-top:0}.facets-widget-checkbox ul{list-style-type:none;padding-left:0}.block-field-blocknodepagefield-body .field--name-field-body{max-width:140rem;margin-right:auto;margin-left:auto}.section-layout--edgy .block-field-blocknodepagefield-body .field--name-field-body{padding-left:2rem;padding-right:2rem}.field--label-inline>.field__label{display:inline-block;font-weight:bold}.field--label-inline>.field__label:after{content:": "}.field--label-inline>.field__item{display:inline-block}.form--inline{display:-webkit-box;display:-ms-flexbox;display:flex}input[type=text]{-webkit-box-sizing:border-box;box-sizing:border-box;border:3px solid gray;background-color:#f2f2f2;color:#1a1a1a;border-radius:4px;padding:10px 25px;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%}input[type=text]:focus{border-radius:0;background-color:#f2f2f2}img{height:auto;width:100%}.main-navigation{background:#ccc;-webkit-box-shadow:inset 0 -5px 0 0 #b3b3b3;box-shadow:inset 0 -5px 0 0 #b3b3b3}.main-navigation .menu{display:none;padding:0;margin:0}@media (min-width: 48rem){.main-navigation .menu{display:-webkit-box;display:-ms-flexbox;display:flex}}.main-navigation .menu>.menu-item{padding:0}.main-navigation .menu>.menu-item>a{color:#333;display:block;padding:1em;text-decoration:none}.main-navigation .menu>.menu-item>a:hover,.main-navigation .menu>.menu-item>a.is-active{-webkit-box-shadow:inset 0 -5px 0 0 #2d73b3;box-shadow:inset 0 -5px 0 0 #2d73b3;color:#000}.main-navigation .menu>.menu-item--active-trail>a{-webkit-box-shadow:inset 0 -5px 0 0 #2d73b3;box-shadow:inset 0 -5px 0 0 #2d73b3;color:#000}.main-navigation .menu>.menu-item--collapsed{list-style-type:none;list-style-image:none}.main-navigation .menu>.menu-item--collapsed>a:after{color:#333;content:'';display:inline-block;width:0;height:0;vertical-align:middle;border-top:5px solid;border-left:5px solid transparent;border-right:5px solid transparent;margin-left:8px}h1.page-title{margin-top:0;max-width:140rem;margin-right:auto;margin-left:auto}.section-layout--edgy h1.page-title{padding-left:2rem;padding-right:2rem}.paragraph--type--hero{font-size:1.2em}.paragraph--type--hero h2{font-size:5.4rem;font-weight:700}.paragraph .paragraph-content{padding-bottom:2rem;padding-top:2rem;position:relative;z-index:101}.modifiers-has-background>.paragraph-content,.paragraph[class^='color-']>.paragraph-content{padding-bottom:0;padding-top:0}.section-layout--edgy .paragraph-content{-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:auto;margin-left:auto;max-width:140rem;padding-left:2rem;padding-right:2rem;width:100%}@media (min-width: 29.25rem){.section-layout--edgy .paragraph-content{max-width:76.8rem}}@media (min-width: 48rem){.section-layout--edgy .paragraph-content{max-width:140rem}}@media (min-width: 75rem){.section-layout--edgy .paragraph-content{max-width:140rem}}.section-layout--edgy .modifiers-has-background>.paragraph-content,.section-layout--edgy .paragraph[class^='color-']:not(.color--standard)>.paragraph-content{padding-left:0;padding-right:0}@media (min-width: 75rem){.section-layout--edgy .modifiers-has-background>.paragraph-content,.section-layout--edgy .paragraph[class^='color-']:not(.color--standard)>.paragraph-content{padding-left:2rem;padding-right:2rem}}.paragraph--title{margin-top:0}.paragraph-content .field--name-field-read-more{margin-top:1em;display:inline-block;position:relative}.region-search .form--inline .form-text{display:block;margin:0}.region-search .form--inline .form-text::-webkit-input-placeholder{color:#666;opacity:1}.region-search .form--inline .form-text::-moz-placeholder{color:#666;opacity:1}.region-search .form--inline .form-text:-ms-input-placeholder{color:#666;opacity:1}.region-search .form--inline .form-text::-ms-input-placeholder{color:#666;opacity:1}.region-search .form--inline .form-text::placeholder{color:#666;opacity:1}.region-search .form--inline .form-text::-webkit-input-placeholder{color:#666;opacity:1}.region-search .form--inline .form-text::-moz-placeholder{color:#666;opacity:1}.region-search .form--inline .form-text:-ms-input-placeholder{color:#666;opacity:1}.region-search .form--inline .form-text:-moz-placeholder{color:#666;opacity:1}.region-search .form--inline .form-submit .fa-search{display:none}.section-layout__sidebar .menu{margin-left:0;margin-top:0}.section-layout__sidebar .menu .menu-item{padding-top:0}.section-layout__sidebar .menu .menu-item+.menu-item{padding-top:1px}.section-layout__sidebar .menu>.menu-item>a{border-left:5px solid #ccc;background:#f2f2f2;color:#1a1a1a;display:block;padding:0.8em 0.5em;text-decoration:none}.section-layout__sidebar .menu>.menu-item>a:hover{background:#e6e6e6;border-left-color:#999}.section-layout__sidebar .menu .menu-item--active-trail>a{background:#e6e6e6;border-left-color:#2d73b3;padding:0.5em}ul.tabs{margin:0;padding:.5em 0}ul.tabs li{margin-right:.5em}.tabs a{background:#666;border-radius:4px;color:#fff;font-size:1.4rem;padding:4px 8px;text-transform:uppercase}.tabs a.is-active,.tabs a:hover{background:#1a1a1a;-webkit-box-shadow:none;box-shadow:none}.calendar-item{background:#f2f2f2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch}@media (min-width: 29.25rem){.calendar-item{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.calendar-item .calendar-item__date{padding:0.5em;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;line-height:1;text-align:center;text-transform:uppercase}@media (min-width: 29.25rem){.calendar-item .calendar-item__date{width:10rem}}.calendar-item .calendar-item__date .field,.calendar-item .calendar-item__date .block{width:100%}.calendar-item .calendar-item__title{font-size:2rem;margin:0}.calendar-item .calendar-date{margin:0 auto}.calendar-item .calendar-date span{font-size:5rem;color:#2d73b3;display:block;font-weight:700;margin:0}.calendar-item .calendar-item__content{padding:0.5em;border-top:2px solid #fff}@media (min-width: 29.25rem){.calendar-item .calendar-item__content{border-left:2px solid #fff;border-top:none;width:calc(100% - 10rem)}}.calendar-item .calendar-item__content *[class^='calendar-item__']+*[class^='calendar-item__']{margin-top:0.3em}.calendar-item.calendar-item--current{background:#ebfaff}.calendar-item.calendar-item--past{background:#f2f2f2;color:gray}.calendar-item.calendar-item--past .calendar-date,.calendar-item.calendar-item--past span,.calendar-item.calendar-item--past a{color:gray}@media (min-width: 29.25rem){.node--type-board .calendar-item .calendar-item__info,.node--type-board .calendar-item .calendar-item__tags{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:1.5em;-moz-column-gap:1.5em;column-gap:1.5em;row-gap:0.5em}}.card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100px;overflow:hidden;position:relative;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;height:100%}.card__image img{display:block}.card__summary{padding:0}.card__content{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:auto;width:100%;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.card__title{font-size:2rem;margin:0}.card__title a{display:block;padding:0.5em 0;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.card:hover{-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.card:hover .card__content{-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.card:hover .card__content a{-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.search{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}@media (min-width: 48rem){.search{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.search__content{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;width:100%}.search__content p:first-child{margin-top:0}.search__title{display:inline-block;font-size:2rem;margin-top:0}.search__title a{display:block;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.search__tags{font-size:1.36rem;text-align:right}.search:hover{-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.summary{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}@media (min-width: 48rem){.summary{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.summary__content{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;width:100%}.summary__content p:first-child{margin-top:0}.summary__title{display:inline-block;font-size:2rem;margin-top:0}.summary__title a{display:block;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.summary__tags{font-size:1.36rem;text-align:right}.summary:hover{-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}@media (min-width: 48rem){.teaser--small .teaser__image{max-width:150px}}.teaser{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}@media (min-width: 48rem){.teaser{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.teaser__image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}@media (min-width: 48rem){.teaser__image{max-width:250px}}.teaser__image img{display:block}.teaser__content{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;width:100%}.teaser__content p:first-child{margin-top:0}@media (min-width: 48rem){.teaser__content{padding:0 0 0 1em}}.teaser__title{display:inline-block;font-size:2rem;margin:0}@media (min-width: 48rem){.teaser__title{margin:-9px 0 0 0}}.teaser__title a{display:block;padding:0.5em 0;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}@media (min-width: 48rem){.teaser__title a{padding:0}}.teaser__tags{font-size:1.36rem}.teaser:hover{-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.tile{height:100%;min-height:100px;overflow:hidden;position:relative;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.tile__image img{display:block}.tile__content{background:rgba(255,255,255,0.7);bottom:0;color:#1a1a1a;position:absolute;text-align:center;width:100%;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.tile__title{font-size:2rem;margin:0}.tile__title a{color:#1a1a1a;display:block;padding:0.5em 0.5em;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.tile:hover{-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.tile:hover .tile__content{background:rgba(255,255,255,0.9);color:#000;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.tile:hover .tile__content a{color:#000;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.title{height:100%;overflow:hidden;position:relative;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.title__content{background:#e6e6e6;height:100%;text-align:center;width:100%;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.title__title{font-size:2rem;height:100%;margin:0}.title__title .field--name-node-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;vertical-align:middle}.title__title a{display:block;font-weight:400;margin:auto;padding:1.5em 1em;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.title:hover{-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.title:hover .title__content{background:#ebfaff;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.title:hover .title__content a{color:#fff;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out} +/* Define the "system" font family */ +@font-face { + font-family: system; + font-style: normal; + font-weight: 300; + src: local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Ubuntu Light"), local("Segoe UI Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma"); } + +/* Now, let's apply it on an element */ +* { + -webkit-box-sizing: border-box; + box-sizing: border-box; } + +body { + color: #1a1a1a; } + +.cta-link:after, .paragraph-content .field--name-field-read-more a:after { + content: "\f054"; + display: inline-block; + font-family: "Font Awesome 5 Free"; + font-weight: 700; + margin-left: 7px; } + +.cta-link:hover:after, .paragraph-content .field--name-field-read-more a:hover:after { + -webkit-animation: arrow-animate 1.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite both; + animation: arrow-animate 1.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite both; + opacity: 1; } + +@-webkit-keyframes arrow-animate { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + opacity: 0; } + 100% { + -webkit-transform: translateX(15px); + transform: translateX(15px); + opacity: 1; } } + +@keyframes arrow-animate { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + opacity: 0; } + 100% { + -webkit-transform: translateX(15px); + transform: translateX(15px); + opacity: 1; } } + +html { + font-size: 62.5%; } + +body { + font-size: 1.6rem; + font-family: system; + font-weight: 300; + line-height: 1.45; } + +h1, .h1, +h2, .h2, +h3, .h3, +h4, .h4, +h5, .h5, +h6, .h6 { + margin: 1.25em 0 .5em; } + +h1 { + font-size: 4.5rem; + font-family: system; + font-weight: 100; + margin: 0.8em 0 0.35em; } + +h2 { + font-size: 3.6rem; + font-weight: 100; } + +h3 { + font-size: 3rem; + font-weight: 700; } + +h4 { + font-size: 2.5rem; + font-weight: 100; } + +h5 { + font-size: 1.8rem; + font-weight: 300; } + +h6 { + font-size: 1.6rem; + font-weight: 500; } + +p { + margin: 0 0 1.5em 0; } + +a { + color: #2d73b3; + -webkit-transition: all 600ms ease-in-out; + transition: all 600ms ease-in-out; + text-decoration: underline; } + a:hover { + color: #1a1a1a; + text-decoration: none; + -webkit-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; } + +strong { + font-weight: 500; } + +.lead { + font-size: 2.4rem; + font-style: italic; } + +.region-admin-area { + padding: 0 2rem; } + .region-admin-area > * { + margin: 0 auto; + max-width: 140rem; } + +.region-admin-area { + background: transparent; } + +.block-local-tasks-block { + margin: 0 auto; + max-width: 140rem; + padding: 0 2rem; + position: relative; } + +.region-content-view { + margin: 0 auto; + max-width: 140rem; + padding: 0 2rem; + position: relative; } + +.top-bar { + padding: 0 2rem; } + +.region-top-bar { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + margin: 0 auto; + max-width: 140rem; } + .region-top-bar .menu { + margin: .3em 0 .3em 2em; } + .region-top-bar .menu li { + display: inline-block; + margin-left: .5em; + padding-top: 0; } + .region-top-bar .menu a { + font-size: 1.2rem; } + +.paragraph--type--node-list .list, +.paragraph--type--item-list .list { + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-left: -2rem; + margin-right: -2rem; + list-style: none; + padding: 0; } + .paragraph--type--node-list .list > .list__item, + .paragraph--type--item-list .list > .list__item { + padding: 0 2rem 4rem; + width: 100%; } + .paragraph--type--node-list .list > .list__item > .paragraph, + .paragraph--type--item-list .list > .list__item > .paragraph { + height: 100%; } + +@media (min-width: 48rem) { + .paragraph--type--node-list.list-layout--halves .list > .list__item, + .paragraph--type--item-list.list-layout--halves .list > .list__item { + width: 50%; } + .paragraph--type--node-list.list-layout--thirds .list > .list__item, + .paragraph--type--item-list.list-layout--thirds .list > .list__item { + width: calc(100 / 3 * 1%); } + .paragraph--type--node-list.list-layout--one-two .list > .list__item:nth-child(2n + 1), + .paragraph--type--item-list.list-layout--one-two .list > .list__item:nth-child(2n + 1) { + width: calc(100 / 3 * 1%); } + .paragraph--type--node-list.list-layout--one-two .list > .list__item:nth-child(2n + 2), + .paragraph--type--item-list.list-layout--one-two .list > .list__item:nth-child(2n + 2) { + width: calc(100 / 3 * 2%); } + .paragraph--type--node-list.list-layout--two-one .list > .list__item:nth-child(2n + 1), + .paragraph--type--item-list.list-layout--two-one .list > .list__item:nth-child(2n + 1) { + width: calc(100 / 3 * 2%); } + .paragraph--type--node-list.list-layout--two-one .list > .list__item:nth-child(2n + 2), + .paragraph--type--item-list.list-layout--two-one .list > .list__item:nth-child(2n + 2) { + width: calc(100 / 3 * 1%); } + .paragraph--type--node-list.list-layout--one-three .list > .list__item:nth-child(2n + 1), + .paragraph--type--item-list.list-layout--one-three .list > .list__item:nth-child(2n + 1) { + width: calc(100 / 4 * 1%); } + .paragraph--type--node-list.list-layout--one-three .list > .list__item:nth-child(2n + 2), + .paragraph--type--item-list.list-layout--one-three .list > .list__item:nth-child(2n + 2) { + width: calc(100 / 4 * 3%); } + .paragraph--type--node-list.list-layout--three-one .list > .list__item:nth-child(2n + 1), + .paragraph--type--item-list.list-layout--three-one .list > .list__item:nth-child(2n + 1) { + width: calc(100 / 4 * 3%); } + .paragraph--type--node-list.list-layout--three-one .list > .list__item:nth-child(2n + 2), + .paragraph--type--item-list.list-layout--three-one .list > .list__item:nth-child(2n + 2) { + width: calc(100 / 4 * 1%); } + .paragraph--type--node-list.list-layout--one-two-one .list > .list__item:nth-child(3n + 1), + .paragraph--type--item-list.list-layout--one-two-one .list > .list__item:nth-child(3n + 1) { + width: calc(100 / 4 * 1%); } + .paragraph--type--node-list.list-layout--one-two-one .list > .list__item:nth-child(3n + 2), + .paragraph--type--item-list.list-layout--one-two-one .list > .list__item:nth-child(3n + 2) { + width: calc(100 / 4 * 2%); } + .paragraph--type--node-list.list-layout--one-two-one .list > .list__item:nth-child(3n + 3), + .paragraph--type--item-list.list-layout--one-two-one .list > .list__item:nth-child(3n + 3) { + width: calc(100 / 4 * 1%); } } + +@media (min-width: 48rem) { + .paragraph--type--node-list.list-layout--quarters .list > .list__item, + .paragraph--type--item-list.list-layout--quarters .list > .list__item { + width: calc(100 / 2 * 1%); } } + +@media (min-width: 75rem) { + .paragraph--type--node-list.list-layout--quarters .list > .list__item, + .paragraph--type--item-list.list-layout--quarters .list > .list__item { + width: calc(100 / 4 * 1%); } } + +@media (min-width: 48rem) { + .paragraph--type--node-list.list-layout--fifths .list > .list__item, + .paragraph--type--item-list.list-layout--fifths .list > .list__item { + width: calc(100 / 5 * 1%); } } + +@media (min-width: 48rem) { + .paragraph--type--node-list.list-layout--sixths .list > .list__item, + .paragraph--type--item-list.list-layout--sixths .list > .list__item { + width: calc(100 / 3 * 1%); } } + +@media (min-width: 75rem) { + .paragraph--type--node-list.list-layout--sixths .list > .list__item, + .paragraph--type--item-list.list-layout--sixths .list > .list__item { + width: calc(100 / 6 * 1%); } } + +.paragraph--type--node-list.list-layout--equal .list > .list__item, +.paragraph--type--item-list.list-layout--equal .list > .list__item { + padding-left: 2rem; + padding-right: 2rem; + /* one item */ + /* two items */ + /* three items */ + /* four items */ + /* five items */ + /* six items */ } + @media (min-width: 48rem) { + .paragraph--type--node-list.list-layout--equal .list > .list__item, + .paragraph--type--item-list.list-layout--equal .list > .list__item { + width: calc(100 / 3 * 1%); } } + @media (min-width: 75rem) { + .paragraph--type--node-list.list-layout--equal .list > .list__item, + .paragraph--type--item-list.list-layout--equal .list > .list__item { + width: calc(100 / 6 * 1%); } } + .paragraph--type--node-list.list-layout--equal .list > .list__item:first-child:nth-last-child(1), + .paragraph--type--item-list.list-layout--equal .list > .list__item:first-child:nth-last-child(1) { + width: 100%; } + .paragraph--type--node-list.list-layout--equal .list > .list__item:first-child:nth-last-child(2), + .paragraph--type--node-list.list-layout--equal .list > .list__item:first-child:nth-last-child(2) ~ .list__item, + .paragraph--type--item-list.list-layout--equal .list > .list__item:first-child:nth-last-child(2), + .paragraph--type--item-list.list-layout--equal .list > .list__item:first-child:nth-last-child(2) ~ .list__item { + width: 100%; } + @media (min-width: 48rem) { + .paragraph--type--node-list.list-layout--equal .list > .list__item:first-child:nth-last-child(2), + .paragraph--type--node-list.list-layout--equal .list > .list__item:first-child:nth-last-child(2) ~ .list__item, + .paragraph--type--item-list.list-layout--equal .list > .list__item:first-child:nth-last-child(2), + .paragraph--type--item-list.list-layout--equal .list > .list__item:first-child:nth-last-child(2) ~ .list__item { + margin-top: 0; + width: calc(100 / 2 * 1%); } } + .paragraph--type--node-list.list-layout--equal .list > .list__item:first-child:nth-last-child(3), + .paragraph--type--node-list.list-layout--equal .list > .list__item:first-child:nth-last-child(3) ~ .list__item, + .paragraph--type--item-list.list-layout--equal .list > .list__item:first-child:nth-last-child(3), + .paragraph--type--item-list.list-layout--equal .list > .list__item:first-child:nth-last-child(3) ~ .list__item { + width: 100%; } + @media (min-width: 48rem) { + .paragraph--type--node-list.list-layout--equal .list > .list__item:first-child:nth-last-child(3), + .paragraph--type--node-list.list-layout--equal .list > .list__item:first-child:nth-last-child(3) ~ .list__item, + .paragraph--type--item-list.list-layout--equal .list > .list__item:first-child:nth-last-child(3), + .paragraph--type--item-list.list-layout--equal .list > .list__item:first-child:nth-last-child(3) ~ .list__item { + margin-top: 0; + width: calc(100 / 3 * 1%); } } + .paragraph--type--node-list.list-layout--equal .list > .list__item:first-child:nth-last-child(4), + .paragraph--type--node-list.list-layout--equal .list > .list__item:first-child:nth-last-child(4) ~ .list__item, + .paragraph--type--item-list.list-layout--equal .list > .list__item:first-child:nth-last-child(4), + .paragraph--type--item-list.list-layout--equal .list > .list__item:first-child:nth-last-child(4) ~ .list__item { + width: 100%; } + @media (min-width: 48rem) { + .paragraph--type--node-list.list-layout--equal .list > .list__item:first-child:nth-last-child(4), + .paragraph--type--node-list.list-layout--equal .list > .list__item:first-child:nth-last-child(4) ~ .list__item, + .paragraph--type--item-list.list-layout--equal .list > .list__item:first-child:nth-last-child(4), + .paragraph--type--item-list.list-layout--equal .list > .list__item:first-child:nth-last-child(4) ~ .list__item { + margin-top: 0; + width: calc(100 / 2 * 1%); } } + @media (min-width: 75rem) { + .paragraph--type--node-list.list-layout--equal .list > .list__item:first-child:nth-last-child(4), + .paragraph--type--node-list.list-layout--equal .list > .list__item:first-child:nth-last-child(4) ~ .list__item, + .paragraph--type--item-list.list-layout--equal .list > .list__item:first-child:nth-last-child(4), + .paragraph--type--item-list.list-layout--equal .list > .list__item:first-child:nth-last-child(4) ~ .list__item { + width: calc(100 / 4 * 1%); } } + .paragraph--type--node-list.list-layout--equal .list > .list__item:first-child:nth-last-child(5), + .paragraph--type--node-list.list-layout--equal .list > .list__item:first-child:nth-last-child(5) ~ .list__item, + .paragraph--type--item-list.list-layout--equal .list > .list__item:first-child:nth-last-child(5), + .paragraph--type--item-list.list-layout--equal .list > .list__item:first-child:nth-last-child(5) ~ .list__item { + width: 100%; } + @media (min-width: 48rem) { + .paragraph--type--node-list.list-layout--equal .list > .list__item:first-child:nth-last-child(5), + .paragraph--type--node-list.list-layout--equal .list > .list__item:first-child:nth-last-child(5) ~ .list__item, + .paragraph--type--item-list.list-layout--equal .list > .list__item:first-child:nth-last-child(5), + .paragraph--type--item-list.list-layout--equal .list > .list__item:first-child:nth-last-child(5) ~ .list__item { + margin-top: 0; + width: calc(100 / 3 * 1%); } } + @media (min-width: 75rem) { + .paragraph--type--node-list.list-layout--equal .list > .list__item:first-child:nth-last-child(5), + .paragraph--type--node-list.list-layout--equal .list > .list__item:first-child:nth-last-child(5) ~ .list__item, + .paragraph--type--item-list.list-layout--equal .list > .list__item:first-child:nth-last-child(5), + .paragraph--type--item-list.list-layout--equal .list > .list__item:first-child:nth-last-child(5) ~ .list__item { + width: calc(100 / 5 * 1%); } } + @media (min-width: 48rem) { + .paragraph--type--node-list.list-layout--equal .list > .list__item:nth-child(-n+3), + .paragraph--type--item-list.list-layout--equal .list > .list__item:nth-child(-n+3) { + margin-top: 0; } } + @media (min-width: 75rem) { + .paragraph--type--node-list.list-layout--equal .list > .list__item:nth-child(-n+6), + .paragraph--type--item-list.list-layout--equal .list > .list__item:nth-child(-n+6) { + margin-top: 0; } } + +.list.erd-list--calendar-item .list__item { + padding: 0 2rem 2px; } + +.container { + margin: 0 auto; + max-width: 140rem; + padding: 0 2rem; } + @media (min-width: 48rem) { + .container { + padding: 0 2rem; } } + +div[class^='section-layout'] > .block.block-layout-builder:not(.block-field-blocknodepagefield-components):not(.block-field-blocknodepagefield-hero-components):not(.block-field-blockblock-contentcomponentsfield-components) { + padding: 0 2rem; } + @media (min-width: 48rem) { + div[class^='section-layout'] > .block.block-layout-builder:not(.block-field-blocknodepagefield-components):not(.block-field-blocknodepagefield-hero-components):not(.block-field-blockblock-contentcomponentsfield-components) { + padding: 0; } } + +@media (min-width: 48rem) { + .section-layout:not(.section-layout__one-column) { + display: grid; + gap: 0 3%; } } + +.section-layout__sidebar { + height: 100%; } + +.section-layout--edgy { + margin-left: 0; + margin-right: 0; + -ms-flex-wrap: initial; + flex-wrap: initial; + display: block; } + .section-layout--edgy .content { + padding-left: 0; + padding-right: 0; } + +.section-layout--hero { + margin-bottom: 2em; } + +.node__content .section-layout:first-child:not(.section-layout--hero) { + margin-top: 2em; } + +@media (min-width: 48rem) { + .section-layout--39 { + grid-template-columns: 22% 75%; } } + +@media (min-width: 48rem) { + .section-layout--39 .section-layout__content { + grid-column: 2/3; + grid-row: 2; } } + +@media (min-width: 48rem) { + .section-layout--39 .section-layout__sidebar { + grid-column: 1/2; + grid-row: 2; } } + +@media (min-width: 48rem) { + .section-layout--48 { + grid-template-columns: 27% 70%; } } + +@media (min-width: 48rem) { + .section-layout--48 .section-layout__content { + grid-column: 2/3; + grid-row: 2; } } + +@media (min-width: 48rem) { + .section-layout--48 .section-layout__sidebar { + grid-column: 1/2; + grid-row: 2; } } + +@media (min-width: 48rem) { + .section-layout--57 { + grid-template-columns: 39% 58%; } } + +@media (min-width: 48rem) { + .section-layout--57 .section-layout__content { + grid-column: 2/3; + grid-row: 2; } } + +@media (min-width: 48rem) { + .section-layout--57 .section-layout__sidebar { + grid-column: 1/2; + grid-row: 2; } } + +@media (min-width: 48rem) { + .section-layout--66 { + grid-template-columns: 48.5% 48.5%; } } + +@media (min-width: 48rem) { + .section-layout--66 .section-layout__content { + grid-column: 1/2; + grid-row: 2; } } + +@media (min-width: 48rem) { + .section-layout--66 .section-layout__sidebar { + grid-column: 2/3; + grid-row: 2; } } + +@media (min-width: 48rem) { + .section-layout--75 { + grid-template-columns: 58% 39%; } } + +@media (min-width: 48rem) { + .section-layout--75 .section-layout__content { + grid-column: 1/2; + grid-row: 2; } } + +@media (min-width: 48rem) { + .section-layout--75 .section-layout__sidebar { + grid-column: 2/3; + grid-row: 2; } } + +@media (min-width: 48rem) { + .section-layout--84 { + grid-template-columns: 70% 27%; } } + +@media (min-width: 48rem) { + .section-layout--84 .section-layout__content { + grid-column: 1/2; + grid-row: 2; } } + +@media (min-width: 48rem) { + .section-layout--84 .section-layout__sidebar { + grid-column: 2/3; + grid-row: 2; } } + +@media (min-width: 48rem) { + .section-layout--93 { + grid-template-columns: 75% 22%; } } + +@media (min-width: 48rem) { + .section-layout--93 .section-layout__content { + grid-column: 1/2; + grid-row: 2; } } + +@media (min-width: 48rem) { + .section-layout--93 .section-layout__sidebar { + grid-column: 2/3; + grid-row: 2; } } + +@media (min-width: 29.25rem) { + .views-layout .view-content { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: stretch; + -ms-flex-pack: stretch; + justify-content: stretch; } } + +.views-layout .view-content .views-row { + margin-top: 1.5rem; } + +.views-layout--tiny-gap .view-content .views-row:not(:first-child) { + margin-top: 2px; } + +.views-layout--full-width .view-content .views-row { + width: 100%; } + +@media (min-width: 29.25rem) { + .views-layout--halves .view-content .views-row { + width: calc(100 / 2 * 1%); } } + +@media (min-width: 29.25rem) { + .views-layout--thirds .view-content .views-row { + width: calc(100 / 3 * 1%); } } + +@media (min-width: 29.25rem) { + .views-layout--quarters .view-content .views-row { + width: calc(100 / 4 * 1%); } } + +@media (min-width: 29.25rem) { + .views-layout--fifths .view-content .views-row { + width: calc(100 / 5 * 1%); } } + +@media (min-width: 48rem) { + .views-layout--sixths .view-content .views-row { + width: calc(100 / 3 * 1%); } } + +@media (min-width: 75rem) { + .views-layout--sixths .view-content .views-row { + width: calc(100 / 6 * 1%); } } + +.field--name-field-attachments { + background: #f2f2f2; + padding: 0.5em; } + .field--name-field-attachments .field__item + .field__item { + margin-top: 0.5em; + padding-top: 0.5em; + border-top: 1px dotted #b3b3b3; } + +.back-to-top__link { + padding: 0.1em 0.5em; + background: rgba(255, 255, 255, 0.3); + border: none; + display: block; + opacity: 0; + position: fixed; + -webkit-transition: all 600ms ease-in-out; + transition: all 600ms ease-in-out; + z-index: -1; + border-radius: 100%; + bottom: 30px; + right: 30px; + height: 55px; + overflow: hidden; + width: 55px; } + .back-to-top__link .fa { + font-size: 2rem; + line-height: 52px; + -webkit-transition: all 600ms ease-in-out; + transition: all 600ms ease-in-out; } + .back-to-top__link:hover { + background: rgba(255, 255, 255, 0.8); } + .back-to-top__link:hover .fa { + font-size: 3rem; + -webkit-transition: all 400ms ease-in-out; + transition: all 400ms ease-in-out; + -webkit-transform: translateY(-10px); + transform: translateY(-10px); } + .back-to-top__link:focus, .back-to-top__link.is-visible { + opacity: 1; + -webkit-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; + z-index: 9999; } + +.region-content-view { + display: grid; + gap: 0 3%; } + @media (min-width: 48rem) { + .region-content-view { + grid-template-columns: 70% 27%; } } + @media (min-width: 48rem) { + .region-content-view .block-views-blockboard-list-block-1 { + grid-column: 1/2; + grid-row: 2; } } + @media (min-width: 48rem) { + .region-content-view .block-facet-blockboard-type { + grid-column: 1/3; + grid-row: 1; } + .region-content-view .block-facet-blockboard-type .item-list__checkbox { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + gap: 1em; } } + @media (min-width: 48rem) { + .region-content-view .block-facet-blockpublished-date { + grid-column: 2/3; + grid-row: 2; } } + +.btn, +.button { + background: #2d73b3; + border: 3px solid transparent; + border-radius: 5px; + -webkit-box-shadow: none; + box-shadow: none; + color: white; + display: inline-block; + padding: 10px 25px; + letter-spacing: .1em; + -webkit-transition: all 700ms ease-in-out; + transition: all 700ms ease-in-out; } + .btn:hover, + .button:hover { + background: #4d4d4d; + color: white; + -webkit-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; } + +.btn-primary { + background: #ebfaff; + color: #02182b; } + +.btn-secondary { + background: #e4d6a7; + color: #1c110a; } + +.btn-light { + background: #e6e6e6; + color: #4d4d4d; } + +.btn-dark { + background: #1a1a1a; + color: white; } + +.color--standard { + padding: 2rem 0; } + +.color--primary { + background: #ebfaff; + color: #02182b; + padding: 2rem; } + .color--primary a { + color: #c2000b; } + .color--primary a:hover { + color: #02182b; } + .color--primary a:focus { + outline: 3px solid #448fa3; + outline-offset: 2px; } + .color--primary .btn:hover { + background: #4d4d4d; + color: white; + -webkit-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; } + .color--primary .btn-primary { + background: #c2000b; + color: #ebfaff; } + .color--primary .btn-secondary { + background: #e4d6a7; + color: #1c110a; } + .color--primary .btn-light { + background: #e6e6e6; + color: #4d4d4d; } + .color--primary .btn-dark { + background: #1a1a1a; + color: white; } + +.color--secondary { + background: #e4d6a7; + color: #1c110a; + padding: 2rem; } + .color--secondary a { + color: #ad1d27; } + .color--secondary a:hover { + color: #1c110a; } + .color--secondary a:focus { + outline: 3px solid #50a2a7; + outline-offset: 2px; } + .color--secondary .btn:hover { + background: #4d4d4d; + color: white; + -webkit-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; } + .color--secondary .btn-primary { + background: #ebfaff; + color: #02182b; } + .color--secondary .btn-secondary { + background: #ad1d27; + color: #e4d6a7; } + .color--secondary .btn-light { + background: #e6e6e6; + color: #4d4d4d; } + .color--secondary .btn-dark { + background: #1a1a1a; + color: white; } + +.color--light { + background: #e6e6e6; + color: #4d4d4d; + padding: 2rem; } + .color--light a { + color: #1a1a1a; } + .color--light a:hover { + color: #4d4d4d; } + .color--light a:focus { + outline: 3px solid gray; + outline-offset: 2px; } + .color--light .btn:hover { + background: #4d4d4d; + color: white; + -webkit-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; } + .color--light .btn-primary { + background: #ebfaff; + color: #02182b; } + .color--light .btn-secondary { + background: #e4d6a7; + color: #1c110a; } + .color--light .btn-light { + background: #1a1a1a; + color: #e6e6e6; } + .color--light .btn-dark { + background: #1a1a1a; + color: white; } + +.color--dark { + background: #1a1a1a; + color: white; + padding: 2rem; } + .color--dark a { + color: rgba(255, 255, 255, 0.7); } + .color--dark a:hover { + color: white; } + .color--dark a:focus { + outline: 3px solid #1a1a1a; + outline-offset: 2px; } + .color--dark .btn:hover { + background: #4d4d4d; + color: white; + -webkit-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; } + .color--dark .btn-primary { + background: transparent; + border-color: #ebfaff; + color: #ebfaff; } + .color--dark .btn-secondary { + background: transparent; + border-color: #e4d6a7; + color: #e4d6a7; } + .color--dark .btn-light { + background: transparent; + border-color: #e6e6e6; + color: #e6e6e6; } + .color--dark .btn-dark { + background: transparent; + border-color: white; + color: white; } + +.field--name-field-event-date .datetime:first-child { + font-weight: bold; } + +.field--name-field-event-date .datetime:last-child { + color: #666666; } + +.event-date--view-mode-full { + font-size: 2.4rem; } + +.event-location--view-mode-full { + font-size: 2.4rem; } + +.facets-widget-checkbox h3 { + margin-top: 0; } + +.facets-widget-checkbox ul { + list-style-type: none; + padding-left: 0; } + +.block-field-blocknodepagefield-body .field--name-field-body { + max-width: 140rem; + margin-right: auto; + margin-left: auto; } + +.section-layout--edgy .block-field-blocknodepagefield-body .field--name-field-body { + padding-left: 2rem; + padding-right: 2rem; } + +.field--label-inline > .field__label { + display: inline-block; + font-weight: bold; } + .field--label-inline > .field__label:after { + content: ": "; } + +.field--label-inline > .field__item { + display: inline-block; } + +.form--inline { + display: -webkit-box; + display: -ms-flexbox; + display: flex; } + +input[type=text] { + -webkit-box-sizing: border-box; + box-sizing: border-box; + border: 3px solid gray; + background-color: #f2f2f2; + color: #1a1a1a; + border-radius: 4px; + padding: 10px 25px; + vertical-align: middle; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + width: 100%; } + input[type=text]:focus { + border-radius: 0; + background-color: #f2f2f2; } + +img { + height: auto; + width: 100%; } + +h1.page-title { + margin-top: 0; + max-width: 140rem; + margin-right: auto; + margin-left: auto; } + .section-layout--edgy h1.page-title { + padding-left: 2rem; + padding-right: 2rem; } + +.paragraph--type--hero { + font-size: 1.2em; } + .paragraph--type--hero h2 { + font-size: 5.4rem; + font-weight: 700; } + +.paragraph .paragraph-content { + padding-bottom: 2rem; + padding-top: 2rem; + position: relative; + z-index: 101; } + +.modifiers-has-background > .paragraph-content, +.paragraph[class^='color-'] > .paragraph-content { + padding-bottom: 0; + padding-top: 0; } + +.section-layout--edgy .paragraph-content { + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin-right: auto; + margin-left: auto; + max-width: 140rem; + padding-left: 2rem; + padding-right: 2rem; + width: 100%; } + @media (min-width: 29.25rem) { + .section-layout--edgy .paragraph-content { + max-width: 76.8rem; } } + @media (min-width: 48rem) { + .section-layout--edgy .paragraph-content { + max-width: 140rem; } } + @media (min-width: 75rem) { + .section-layout--edgy .paragraph-content { + max-width: 140rem; } } + +.section-layout--edgy .modifiers-has-background > .paragraph-content, +.section-layout--edgy .paragraph[class^='color-']:not(.color--standard) > .paragraph-content { + padding-left: 0; + padding-right: 0; } + @media (min-width: 75rem) { + .section-layout--edgy .modifiers-has-background > .paragraph-content, + .section-layout--edgy .paragraph[class^='color-']:not(.color--standard) > .paragraph-content { + padding-left: 2rem; + padding-right: 2rem; } } + +.paragraph--title { + margin-top: 0; } + +.paragraph-content .field--name-field-read-more { + margin-top: 1em; + display: inline-block; + position: relative; } + +.region-search .form--inline .form-text { + display: block; + margin: 0; } + .region-search .form--inline .form-text::-webkit-input-placeholder { + color: #666666; + opacity: 1; } + .region-search .form--inline .form-text::-moz-placeholder { + color: #666666; + opacity: 1; } + .region-search .form--inline .form-text:-ms-input-placeholder { + color: #666666; + opacity: 1; } + .region-search .form--inline .form-text::-ms-input-placeholder { + color: #666666; + opacity: 1; } + .region-search .form--inline .form-text::placeholder { + color: #666666; + opacity: 1; } + .region-search .form--inline .form-text::-webkit-input-placeholder { + /* Chrome/Opera/Safari */ + color: #666666; + opacity: 1; } + .region-search .form--inline .form-text::-moz-placeholder { + /* Firefox 19+ */ + color: #666666; + opacity: 1; } + .region-search .form--inline .form-text:-ms-input-placeholder { + /* IE 10+ */ + color: #666666; + opacity: 1; } + .region-search .form--inline .form-text:-moz-placeholder { + /* Firefox 18- */ + color: #666666; + opacity: 1; } + +.region-search .form--inline .form-submit .fa-search { + display: none; } + +.section-layout__sidebar .menu { + margin-left: 0; + margin-top: 0; } + .section-layout__sidebar .menu .menu-item { + padding-top: 0; } + .section-layout__sidebar .menu .menu-item + .menu-item { + padding-top: 1px; } + .section-layout__sidebar .menu > .menu-item > a { + border-left: 5px solid #cccccc; + background: #f2f2f2; + color: #1a1a1a; + display: block; + padding: 0.8em 0.5em; + text-decoration: none; } + .section-layout__sidebar .menu > .menu-item > a:hover { + background: #e6e6e6; + border-left-color: #999999; } + .section-layout__sidebar .menu .menu-item--active-trail > a { + background: #e6e6e6; + border-left-color: #2d73b3; + padding: 0.5em; } + +ul.tabs { + margin: 0; + padding: .5em 0; } + ul.tabs li { + margin-right: .5em; } + +.tabs a { + background: #666666; + border-radius: 4px; + color: white; + font-size: 1.4rem; + padding: 4px 8px; + text-transform: uppercase; } + .tabs a.is-active, .tabs a:hover { + background: #1a1a1a; + -webkit-box-shadow: none; + box-shadow: none; } + +@media (min-width: 76.8rem) { + header { + background: #f2f2f2; } + .region-header { + display: grid; + grid-template-columns: 2fr 1fr; + grid-template-rows: 1fr auto; + margin: 0 auto; + max-width: 140rem; + padding: 0 2rem; + position: relative; + z-index: 300; } } + @media (min-width: 76.8rem) and (min-width: 48rem) { + .region-header { + grid-template-columns: 3fr 2fr; } } + @media (min-width: 76.8rem) and (min-width: 48rem) { + .region-header { + grid-template-columns: 2fr 1fr 2fr; } } + +@media (min-width: 76.8rem) { + .region-header .logo { + grid-area: 1/1/1/2; + margin: 0.5em; + max-width: 100px; } } + @media (min-width: 76.8rem) and (min-width: 29.25rem) { + .region-header .logo { + margin: 1em 0; + max-width: 150px; } } + @media (min-width: 76.8rem) and (min-width: 48rem) { + .region-header .logo { + max-width: 200px; } } + +@media (min-width: 76.8rem) { + .region-header .search { + grid-area: 1/2/1/3; } } + @media (min-width: 76.8rem) and (min-width: 48rem) { + .region-header .search { + grid-area: 1/3/1/4; } } + +@media (min-width: 76.8rem) { + .region-header .menu-switch { + grid-area: 1/2/1/3; } } + +@media (max-width: 75.8rem) { + #header .block-system-branding-block { + display: none; } } + +@media (max-width: 75.8rem) { + #header .block-search { + padding: 30px 35px 0px 35px; + margin: 0; } } + +/* ========================================================================== + MENU + ========================================================================== */ +@media (min-width: 76.8rem) { + #menu { + background: #2362A2; } } + +/* ========================================================================== + MAIN - BLOCK - MENU + ========================================================================== */ +#menu .block-menu > h2 { + display: none; } + +@media (max-width: 75.8rem) { + #menu .container { + padding: 0; + margin: 0; } + #menu .block-menu { + padding: 30px 35px; + margin: 0; + /* 1 */ + /* 2 */ + /* 3 */ + /* 4 */ + /* span */ } + #menu .block-menu ul.menu { + margin: 0; + padding: 0; } + #menu .block-menu ul.menu li { + position: relative; + margin: 0; + padding: 0; + list-style: none; } + #menu .block-menu ul.menu li a { + display: block; + padding: 20px 80px 20px 20px; + text-decoration: none; + border-bottom: 1px solid #EEEEEE; + color: #000000; + font-weight: 700; + font-size: 20px; + border-left: 5px solid #FFFFFF; } + #menu .block-menu ul.menu li a.is-active { + color: #2362A2; + border-left: 5px solid #2362A2; } + #menu .block-menu ul.menu li ul { + display: none; + border: 0; } + #menu .block-menu ul.menu li ul.open { + display: block; } + #menu .block-menu ul.menu li ul li a { + padding: 25px 80px 25px 40px; } + #menu .block-menu ul.menu li ul li ul li a { + padding: 25px 80px 25px 60px; } + #menu .block-menu ul.menu li ul li ul li ul li a { + padding: 25px 80px 25px 80px; } + #menu .block-menu ul.menu li span { + position: absolute; + right: 0; + top: 0px; + height: 60px; + width: 60px; + background: url("../images/mob-down.png") no-repeat 50% 50%; + cursor: pointer; + border-left: 1px solid #DDDDDD; } + #menu .block-menu ul.menu li span.open { + background: url("../images/mob-up.png") no-repeat 50% 50%; } } + +@media (min-width: 76.8rem) { + #menu .block-menu { + display: block !important; + /* 1 */ + /* 2 */ + /* 3 */ } + #menu .block-menu ul.menu { + margin: 0; + padding: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; } + #menu .block-menu ul.menu li { + margin: 0; + padding: 0; + list-style: none; + /* flex-grow: 1; */ + position: relative; + line-height: 1; } + #menu .block-menu ul.menu li a { + display: block; + height: 60px; + line-height: 60px; + padding: 0 30px; + color: #FFFFFF; + text-decoration: none; + text-transform: uppercase; + white-space: nowrap; } + #menu .block-menu ul.menu > li:hover > a { + background: #2362A2; + color: #FFFFFF; } + #menu .block-menu ul.menu > li > a:hover { + background: #254E80; + color: #FFFFFF; } + #menu .block-menu ul.menu > li > a.is-active, + #menu .block-menu ul.menu > li > a.is-active:hover { + background: #254E80; + color: #FFFFFF; } + #menu .block-menu ul.menu > li > ul { + display: none; + background: #2362A2; } + #menu .block-menu ul.menu > li:hover > ul { + position: absolute; + top: 60px; + z-index: 1000; + display: block; + height: auto; + min-width: 100%; } + #menu .block-menu ul.menu > li:last-child > ul { + right: 0; + left: auto; } + #menu .block-menu ul.menu > li > ul > li { + margin: 0; + padding: 0; + height: auto; + line-height: 1; } + #menu .block-menu ul.menu > li > ul > li > a { + height: 60px; + line-height: 60px; + padding: 0 30px; + color: #FFFFFF; } + #menu .block-menu ul.menu > li > ul > li > a:hover { + background: #254E80; + color: #FFFFFF; } + #menu .block-menu ul.menu > ul > li > a.is-active, + #menu .block-menu ul.menu > ul > li > a.is-active:hover { + background: #254E80; + color: #FFFFFF; } + #menu .block-menu ul.menu > li > ul > li > ul { + display: none !important; } } + +/* ========================================================================== + NAVBAR + ========================================================================== */ +@media (max-width: 75.8rem) { + #navbar-wrapper { + position: relative; + height: 110px; } + #navbar { + position: relative; + z-index: 100; + height: 110px; + background: #2362A2; + color: #FFFFFF; } + body.menu-open #navbar { + position: fixed; + top: 0px; + width: 100%; } } + +@media (min-width: 76.8rem) { + #navbar-wrapper { + display: none !important; } } + +/* ========================================================================== + NAVBAR - BLOCK - BRANDING + ========================================================================== */ +#navbar .block-system-branding-block { + margin: 0; + height: 110px; + float: left; } + #navbar .block-system-branding-block a { + display: inline-block; + padding: 10px; + text-decoration: none; } + #navbar .block-system-branding-block .site-logo img { + width: auto; + height: 90px; } + +/* ========================================================================== + NAVBAR - COLLAPSE + ========================================================================== */ +@media (max-width: 75.8rem) { + #navbar-collapse { + display: none; } + body.menu-open #navbar-collapse { + display: block; + position: fixed; + width: 100%; + height: calc(100% - 110px); + top: 110px; + left: 0; + z-index: 1000; + background: #F5F5F5; + color: #3B3B3B; + overflow-y: auto; } } + +/* ========================================================================== + NAVBAR - ICONS + ========================================================================== */ +#navbar .icon-menu { + position: absolute; + right: 0; + top: 0; + width: 80px; + height: 110px; + border: 0; + background: none; + z-index: 200; + text-align: center; + margin: 0; + padding: 0; } + +#navbar .icon-menu span.icon-menu-1, +#navbar .icon-menu span.icon-menu-2, +#navbar .icon-menu span.icon-menu-3 { + width: 30px; + height: 4px; + background: #FFFFFF; + display: block; + margin: 6px auto; + border-radius: 2px; + position: relative; + top: 0; } + +#navbar .icon-menu span.icon-menu-1, +#navbar .icon-menu span.icon-menu-3 { + -webkit-transition: all 0.1s 0.1s; + transition: all 0.1s 0.1s; } + +#navbar .icon-menu span.icon-menu-2 { + -webkit-transition: all 0.1s 0.1s; + transition: all 0.1s 0.1s; } + +/* open */ +body.menu-open #navbar .icon-menu span.icon-menu-1 { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + position: relative; + top: 10px; } + +body.menu-open #navbar .icon-menu span.icon-menu-2 { + visibility: hidden; } + +body.menu-open #navbar .icon-menu span.icon-menu-3 { + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + position: relative; + top: -10px; } + +body.menu-open #navbar .icon-menu span.icon-menu-1, +body.menu-open #navbar .icon-menu span.icon-menu-3 { + -webkit-transition: all 0 0; + transition: all 0 0; } + +body.menu-open #navbar .icon-menu span.icon-menu-2 { + -webkit-transition: all 0.1s 0s; + transition: all 0.1s 0s; } + +.calendar-item { + background: #f2f2f2; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: stretch; + -ms-flex-pack: stretch; + justify-content: stretch; } + @media (min-width: 29.25rem) { + .calendar-item { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; } } + .calendar-item .calendar-item__date { + padding: 0.5em; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + line-height: 1; + text-align: center; + text-transform: uppercase; } + @media (min-width: 29.25rem) { + .calendar-item .calendar-item__date { + width: 10rem; } } + .calendar-item .calendar-item__date .field, + .calendar-item .calendar-item__date .block { + width: 100%; } + .calendar-item .calendar-item__title { + font-size: 2rem; + margin: 0; } + .calendar-item .calendar-date { + margin: 0 auto; } + .calendar-item .calendar-date span { + font-size: 5rem; + color: #2d73b3; + display: block; + font-weight: 700; + margin: 0; } + .calendar-item .calendar-item__content { + padding: 0.5em; + border-top: 2px solid white; } + @media (min-width: 29.25rem) { + .calendar-item .calendar-item__content { + border-left: 2px solid white; + border-top: none; + width: calc(100% - 10rem); } } + .calendar-item .calendar-item__content *[class^='calendar-item__'] + *[class^='calendar-item__'] { + margin-top: 0.3em; } + .calendar-item.calendar-item--current { + background: #ebfaff; } + .calendar-item.calendar-item--past { + background: #f2f2f2; + color: gray; } + .calendar-item.calendar-item--past .calendar-date, + .calendar-item.calendar-item--past span, + .calendar-item.calendar-item--past a { + color: gray; } + @media (min-width: 29.25rem) { + .node--type-board .calendar-item .calendar-item__info, + .node--type-board .calendar-item .calendar-item__tags { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-column-gap: 1.5em; + -moz-column-gap: 1.5em; + column-gap: 1.5em; + row-gap: 0.5em; } } + +.card { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + min-height: 100px; + overflow: hidden; + position: relative; + -webkit-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; + height: 100%; } + +.card__image img { + display: block; } + +.card__summary { + padding: 0; } + +.card__content { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + height: 100%; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + margin-top: auto; + width: 100%; + -webkit-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; } + +.card__title { + font-size: 2rem; + margin: 0; } + .card__title a { + display: block; + padding: 0.5em 0; + -webkit-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; } + +.card:hover { + -webkit-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; } + .card:hover .card__content { + -webkit-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; } + .card:hover .card__content a { + -webkit-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; } + +.search { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + -webkit-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; } + @media (min-width: 48rem) { + .search { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; } } + +.search__content { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; + -webkit-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; + width: 100%; } + .search__content p:first-child { + margin-top: 0; } + +.search__title { + display: inline-block; + font-size: 2rem; + margin-top: 0; } + .search__title a { + display: block; + -webkit-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; } + +.search__tags { + font-size: 1.36rem; + text-align: right; } + +.search:hover { + -webkit-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; } + +.summary { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + -webkit-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; } + @media (min-width: 48rem) { + .summary { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; } } + +.summary__content { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; + -webkit-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; + width: 100%; } + .summary__content p:first-child { + margin-top: 0; } + +.summary__title { + display: inline-block; + font-size: 2rem; + margin-top: 0; } + .summary__title a { + display: block; + -webkit-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; } + +.summary__tags { + font-size: 1.36rem; + text-align: right; } + +.summary:hover { + -webkit-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; } + +@media (min-width: 48rem) { + .teaser--small .teaser__image { + max-width: 150px; } } + +.teaser { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + position: relative; + -webkit-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; } + @media (min-width: 48rem) { + .teaser { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; } } + +.teaser__image { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; } + @media (min-width: 48rem) { + .teaser__image { + max-width: 250px; } } + .teaser__image img { + display: block; } + +.teaser__content { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; + -webkit-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; + width: 100%; } + .teaser__content p:first-child { + margin-top: 0; } + @media (min-width: 48rem) { + .teaser__content { + padding: 0 0 0 1em; } } + +.teaser__title { + display: inline-block; + font-size: 2rem; + margin: 0; } + @media (min-width: 48rem) { + .teaser__title { + margin: -9px 0 0 0; } } + .teaser__title a { + display: block; + padding: 0.5em 0; + -webkit-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; } + @media (min-width: 48rem) { + .teaser__title a { + padding: 0; } } + +.teaser__tags { + font-size: 1.36rem; } + +.teaser:hover { + -webkit-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; } + +.tile { + height: 100%; + min-height: 100px; + overflow: hidden; + position: relative; + -webkit-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; } + +.tile__image img { + display: block; } + +.tile__content { + background: rgba(255, 255, 255, 0.7); + bottom: 0; + color: #1a1a1a; + position: absolute; + text-align: center; + width: 100%; + -webkit-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; } + +.tile__title { + font-size: 2rem; + margin: 0; } + .tile__title a { + color: #1a1a1a; + display: block; + padding: 0.5em 0.5em; + -webkit-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; } + +.tile:hover { + -webkit-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; } + .tile:hover .tile__content { + background: rgba(255, 255, 255, 0.9); + color: black; + -webkit-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; } + .tile:hover .tile__content a { + color: black; + -webkit-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; } + +.title { + height: 100%; + overflow: hidden; + position: relative; + -webkit-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; } + +.title__content { + background: #e6e6e6; + height: 100%; + text-align: center; + width: 100%; + -webkit-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; } + +.title__title { + font-size: 2rem; + height: 100%; + margin: 0; } + .title__title .field--name-node-title { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + height: 100%; + vertical-align: middle; } + .title__title a { + display: block; + font-weight: 400; + margin: auto; + padding: 1.5em 1em; + -webkit-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; } + +.title:hover { + -webkit-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; } + .title:hover .title__content { + background: #ebfaff; + -webkit-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; } + .title:hover .title__content a { + color: white; + -webkit-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; } + +/*# sourceMappingURL=style.css.map */ diff --git a/css/style.css.map b/css/style.css.map new file mode 100644 index 0000000..53b133f --- /dev/null +++ b/css/style.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["_variables.scss","base/_base.scss","base/_extends.scss","base/_typography.scss","sections/_admin_region.scss","sections/_content_top.scss","sections/_content-view.scss","sections/_topbar.scss","layouts/_list_layout.scss","mixins/_breakpoints.scss","layouts/_section_layout.scss","layouts/_views_layout.scss","components/_attachments.scss","components/_back-to-top.scss","components/_board_list.scss","components/_buttons.scss","components/_color_sections.scss","components/_event_date.scss","components/_event_location.scss","components/_facets.scss","components/_field_body.scss","components/_fields_base.scss","components/_form.scss","components/_images.scss","components/_page_title.scss","components/_paragraphs_hero.scss","components/_paragraphs.scss","components/_read_more.scss","components/_search.scss","components/_sidebar_menu.scss","components/_tabs.scss","components/03-organisms/header/_header-base.scss","components/03-organisms/header/_header-block-branding.scss","components/03-organisms/header/_header-block-search.scss","components/03-organisms/menu/_menu-base.scss","components/03-organisms/menu/_menu-block-menu.scss","components/03-organisms/navbar/_navbar-base.scss","components/03-organisms/navbar/_navbar-block-branding.scss","components/03-organisms/navbar/_navbar-collapse.scss","components/03-organisms/navbar/_navbar-icons.scss","components/view-modes/_calendar-item.scss","components/view-modes/_card.scss","components/view-modes/_search.scss","components/view-modes/_summary.scss","components/view-modes/_teaser_small.scss","components/view-modes/_teaser.scss","components/view-modes/_tile.scss","components/view-modes/_title.scss"],"names":[],"mappings":"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;EA1BH;IA6BI,oBhBoE+C;IgBnE/C,ehBkE4C,EgBjE7C;EA/BH;IAkCI,oBhB5ByB;IgB6BzB,ehBvByB,EgBwB1B;EApCH;IAuCI,oBhBzByB;IgB0BzB,ahBtCsB,EgBuCvB;;AAGH;EACE,oBhBoDiD;EgBnDjD,ehBkD8C;EgBjD9C,chB8EiB,EgBvClB;EA1CD;IAMI,ehBgDyC,EgBvC1C;IAfH;MASM,ehB2C0C,EgB1C3C;IAVL;MAYM,2BhB2CuC;MgB1CvC,oBAAmB,EACpB;EAdL;IAkBI,oBhBlDyB;IgBmDzB,ahB7DsB;IgB8DtB,0CAAiC;IAAjC,kCAAiC,EAClC;EArBH;IAwBI,oBhBuByC;IgBtBzC,ehBqByC,EgBpB1C;EA1BH;IA6BI,oBhByByC;IgBxBzC,ehBuB+C,EgBtBhD;EA/BH;IAkCI,oBhBxEyB;IgByEzB,ehBnEyB,EgBoE1B;EApCH;IAuCI,oBhBrEyB;IgBsEzB,ahBlFsB,EgBmFvB;;AAGH;EACE,oBhBnF2B;EgBoF3B,ehB9E2B;EgB+E3B,chBkCiB,EgBKlB;EA1CD;IAMI,ehBhFyB,EgByF1B;IAfH;MASM,ehBrFuB,EgBsFxB;IAVL;MAYM,wBhB1FuB;MgB2FvB,oBAAmB,EACpB;EAdL;IAkBI,oBhB9FyB;IgB+FzB,ahBzGsB;IgB0GtB,0CAAiC;IAAjC,kCAAiC,EAClC;EArBH;IAwBI,oBhBrByC;IgBsBzC,ehBvByC,EgBwB1C;EA1BH;IA6BI,oBhBpB+C;IgBqB/C,ehBtB4C,EgBuB7C;EA/BH;IAkCI,oBhB5GyB;IgB6GzB,ehBrHyB,EgBsH1B;EApCH;IAuCI,oBhBjHyB;IgBkHzB,ahB9HsB,EgB+HvB;;AAIH;EACE,oBhBxH2B;EgByH3B,ahBrIwB;EgBsIxB,chBXiB,EgBsDlB;EA9CD;IAMI,gChBlH6B,EgB2H9B;IAfH;MASM,ahB5IoB,EgB6IrB;IAVL;MAYM,2BhBnIuB;MgBoIvB,oBAAmB,EACpB;EAdL;IAkBI,oBhB3IyB;IgB4IzB,ahBtJsB;IgBuJtB,0CAAiC;IAAjC,kCAAiC,EAClC;EArBH;IAwBI,wBAAuB;IACvB,sBhBnEyC;Ig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","file":"style.css","sourcesContent":["//\r\n// Default colors\r\n//\r\n\r\n// Colors\r\n$black: rgb(0, 0, 0);\r\n$white: rgb(255, 255, 255);\r\n\r\n// Grays – made as solid colors.\r\n$gray-05: lighten($black, 95%);\r\n$gray-1: lighten($black, 90%);;\r\n$gray-2: lighten($black, 80%);;\r\n$gray-3: lighten($black, 70%);\r\n$gray-4: lighten($black, 60%);\r\n$gray-5: lighten($black, 50%);\r\n$gray-6: lighten($black, 40%);\r\n$gray-7: lighten($black, 30%);\r\n$gray-8: lighten($black, 20%);\r\n$gray-9: lighten($black, 10%);\r\n$gray-10: $black;\r\n\r\n// Whites – made as transparent colors.\r\n$white-05: rgba(255, 255, 255, .05);\r\n$white-1: rgba(255, 255, 255, .1);\r\n$white-2: rgba(255, 255, 255, .2);\r\n$white-3: rgba(255, 255, 255, .3);\r\n$white-4: rgba(255, 255, 255, .4);\r\n$white-5: rgba(255, 255, 255, .5);\r\n$white-6: rgba(255, 255, 255, .6);\r\n$white-7: rgba(255, 255, 255, .7);\r\n$white-8: rgba(255, 255, 255, .8);\r\n$white-9: rgba(255, 255, 255, .9);\r\n$white-10: $white;\r\n\r\n\r\n//\r\n// Design system color\r\n//\r\n\r\n// Primary\r\n$primary-color: #2362A2;\r\n$primary-light-color: #337DBD;\r\n$primary-dark-color: #254E80;\r\n\r\n// Secondary\r\n$secondary-color: #ECAE1A;\r\n$secondary-dark-color: #DD9F0C;\r\n\r\n// Background\r\n$background-color: #F5F5F5;\r\n$background-light-color: #FFFFFF;\r\n$background-dark-color: #3B3B3B;\r\n\r\n// Text\r\n$primary-text-color: #FFFFFF;\r\n$secondary-text-color: #3B3B3B;\r\n\r\n// Other\r\n$error-color: #E04857;\r\n$success-color: #6FBD2C;\r\n\r\n\r\n// \r\n// Components\r\n// \r\n\r\n// Navbar\r\n$navbar-bg: $primary-color;\r\n$navbar-text: $primary-text-color;\r\n$navbar-collapse-bg: $background-color;\r\n$navbar-collapse-text: $secondary-text-color;\r\n\r\n// Header\r\n\r\n// Main Menu\r\n$main-menu-bg: $primary-color;\r\n$main-menu-bg-active: $primary-dark-color;\r\n$main-menu-text: $primary-text-color;\r\n$main-menu-text-active: $primary-text-color;\r\n\r\n// Footer\r\n\r\n\r\n\r\n//\r\n// Color sections\r\n//\r\n// Standard colors\r\n$color-standard-foreground: $gray-9;\r\n$color-standard-background: $white;\r\n$color-standard-action: rgb(45, 115, 179);\r\n$color-standard-focus: rgb(0, 94, 116);\r\n\r\n// Color primary\r\n$color-primary-foreground: rgba(2, 24, 43, 1);\r\n$color-primary-background: rgb(235, 250, 255);\r\n$color-primary-action: rgba(194, 0, 11, 1);\r\n$color-primary-focus: rgba(68, 143, 163, 1);\r\n\r\n// Color secondary\r\n$color-secondary-foreground: rgba(28, 17, 10, 1);\r\n$color-secondary-background: rgba(228, 214, 167, 1);\r\n$color-secondary-action: rgba(173, 29, 39, 1);\r\n$color-secondary-focus: rgba(80, 162, 167, 1);\r\n\r\n// Color light\r\n$color-light-foreground: $gray-7;\r\n$color-light-background: $gray-1;\r\n$color-light-action: $gray-9;\r\n$color-light-focus: $gray-5;\r\n\r\n// Color dark\r\n$color-dark-foreground: $white;\r\n$color-dark-background: $gray-9;\r\n$color-dark-action: $white-7;\r\n$color-dark-focus: $gray-9;\r\n\r\n// Standard colors\r\n$color-success: #5cb85c;\r\n$color-info: #5bc0de;\r\n$color-warning: #f0ad4e;\r\n$color-danger: #d9534f;\r\n\r\n\r\n//\r\n// Layout dimensions.\r\n//\r\n\r\n// Small screen side padding\r\n$site-padding: 2rem;\r\n// Max width for large monitor.\r\n$max-width: 140rem;\r\n$content-layout-padding: 4rem;\r\n\r\n// Media Queries\r\n// Used in mixin/_breakpoints.scss\r\n// 1. Name and define our breakpoints. Name the map something sensible\r\n// 2. Write a comma separated list of key: value, pairs that we will use later\r\n$bp-small: 46.8rem;\r\n$bp-medium: 76.8rem;\r\n$bp-large: 120rem;\r\n\r\n$breakpoints: (\r\n small: $bp-small / 1.6,\r\n medium: $bp-medium / 1.6,\r\n large: $bp-large / 1.6,\r\n);\r\n\r\n$screen-sm-min: $bp-small;\r\n$screen-md-min: $bp-medium;\r\n$screen-lg-min: $bp-large;\r\n\r\n$screen-sm-max: ($screen-md-min - 1);\r\n$screen-md-max: ($screen-lg-min - 1); \r\n\r\n\r\n//\r\n// Fonts\r\n//\r\n\r\n// Font sizes\r\n$base-font-size: 1.6rem;\r\n$font-size-large: $base-font-size * 1.5;\r\n$font-size-section: $base-font-size * 4;\r\n$font-size-small: $base-font-size * .85;\r\n\r\n// Headings sizes\r\n$heading-xxl: 4.5rem;\r\n$heading-xl: 3.6rem;\r\n$heading-l: 3rem;\r\n$heading-m: 2.5rem;\r\n$heading-sm: 1.8rem;\r\n$heading-xs: 1.6rem;\r\n\r\n// Heading weights\r\n$heading-xxl-weight: 100;\r\n$heading-xl-weight: 100;\r\n$heading-l-weight: 700;\r\n$heading-m-weight: 100;\r\n$heading-sm-weight: 300;\r\n$heading-xs-weight: 500;\r\n\r\n/* Define the \"system\" font family */\r\n// https://css-tricks.com/snippets/css/system-font-stack/\r\n@font-face {\r\n font-family: system;\r\n font-style: normal;\r\n font-weight: 300;\r\n src: local(\".SFNSText-Light\"), local(\".HelveticaNeueDeskInterface-Light\"), local(\".LucidaGrandeUI\"), local(\"Ubuntu Light\"), local(\"Segoe UI Light\"), local(\"Roboto-Light\"), local(\"DroidSans\"), local(\"Tahoma\");\r\n}\r\n\r\n/* Now, let's apply it on an element */\r\n$font-family-base: system;\r\n$font-family-heading: system;\r\n$font-awesome: 'Font Awesome 5 Free';\r\n\r\n//\r\n// Page regions\r\n//\r\n// Header\r\n$header-background: $gray-05;\r\n\r\n// Admin area\r\n$admin-background: transparent;\r\n\r\n// Main navigation\r\n$main-navigation-action: $gray-8;\r\n$main-navigation-background: $gray-2;\r\n$main-navigation-action-hover: $black;\r\n$main-navigation-accent: $gray-3;\r\n$main-navigation-accent-hover: $color-standard-action;\r\n\r\n\r\n\r\n//\r\n// View modes\r\n//\r\n// Calendar item\r\n$calendar-item__date-width: 10rem;\r\n$calendar-item__date-number-size: $calendar-item__date-width /2;\r\n$calendar-item-background-current: $color-primary-background;\r\n$calendar-item-background-past: $gray-05;\r\n$calendar-item-foreground-past: $gray-5;\r\n$calendar-item-future-background: $gray-05;\r\n$calendar-item-border: 2px;\r\n\r\n//\r\n// Global variables\r\n//\r\n$border-radius: 4px;\r\n","* {\r\n box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n color: $color-standard-foreground;\r\n}\r\n","// Arrow marker for CTA link.\r\n%cta-link-marker {\r\n &:after {\r\n content: \"\\f054\";\r\n display: inline-block;\r\n font-family: \"Font Awesome 5 Free\";\r\n font-weight: 700;\r\n margin-left: 7px;\r\n }\r\n\r\n &:hover:after {\r\n animation: arrow-animate 1.45s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite both;\r\n opacity: 1;\r\n }\r\n}\r\n\r\n@keyframes arrow-animate {\r\n 0% {\r\n transform: translateX(0);\r\n opacity: 0;\r\n }\r\n 100% {\r\n transform: translateX(15px);\r\n opacity: 1;\r\n }\r\n}\r\n","// Set HTML to get easy calculation. 62.5% = 10px.\r\nhtml {\r\n font-size: 62.5%;\r\n}\r\n\r\n// Set font size back to 16px.\r\nbody {\r\n font-size: $base-font-size;\r\n font-family: $font-family-base;\r\n font-weight: 300;\r\n line-height: 1.45;\r\n}\r\n\r\nh1, .h1,\r\nh2, .h2,\r\nh3, .h3,\r\nh4, .h4,\r\nh5, .h5,\r\nh6, .h6 {\r\n margin: 1.25em 0 .5em;\r\n}\r\n\r\nh1 {\r\n font-size: $heading-xxl;\r\n font-family: $font-family-base;\r\n font-weight: $heading-xxl-weight;\r\n margin: 0.8em 0 0.35em;\r\n}\r\n\r\nh2 {\r\n font-size: $heading-xl;\r\n font-weight: $heading-xl-weight;\r\n}\r\n\r\nh3 {\r\n font-size: $heading-l;\r\n font-weight: $heading-l-weight;\r\n}\r\n\r\nh4 {\r\n font-size: $heading-m;\r\n font-weight: $heading-m-weight;\r\n}\r\n\r\nh5 {\r\n font-size: $heading-sm;\r\n font-weight: $heading-sm-weight;\r\n}\r\n\r\nh6 {\r\n font-size: $heading-xs;\r\n font-weight: $heading-xs-weight;\r\n}\r\n\r\np {\r\n margin: 0 0 1.5em 0;\r\n}\r\n\r\na {\r\n color: $color-standard-action;\r\n transition: all 600ms ease-in-out;\r\n text-decoration: underline;\r\n\r\n &:hover {\r\n color: $color-standard-foreground;\r\n text-decoration: none;\r\n transition: all 300ms ease-in-out;\r\n }\r\n}\r\n\r\nstrong {\r\n font-weight: 500;\r\n}\r\n\r\n.lead {\r\n font-size: $font-size-large;\r\n font-style: italic;\r\n}\r\n","// Layout\r\n.region-admin-area {\r\n padding: 0 $site-padding;\r\n\r\n > * {\r\n margin: 0 auto;\r\n max-width: $max-width;\r\n }\r\n}\r\n\r\n// Style\r\n.region-admin-area {\r\n background: $admin-background;\r\n}\r\n",".block-local-tasks-block {\r\n margin: 0 auto;\r\n max-width: $max-width;\r\n padding: 0 $site-padding;\r\n position: relative;\r\n}\r\n",".region-content-view {\r\n margin: 0 auto;\r\n max-width: $max-width;\r\n padding: 0 $site-padding;\r\n position: relative;\r\n}\r\n",".top-bar {\r\n //background: $topbar_bg;\r\n padding: 0 $site-padding;\r\n}\r\n\r\n.region-top-bar {\r\n display: flex;\r\n justify-content: flex-end;\r\n margin: 0 auto;\r\n max-width: $max-width;\r\n\r\n .menu {\r\n margin: .3em 0 .3em 2em;\r\n\r\n li {\r\n display: inline-block;\r\n margin-left: .5em;\r\n padding-top: 0;\r\n }\r\n\r\n a {\r\n //color: $topbar-text;\r\n font-size: 1.2rem;\r\n }\r\n }\r\n}\r\n",".paragraph--type--node-list,\r\n.paragraph--type--item-list {\r\n\r\n .list {\r\n align-items: stretch;\r\n display: flex;\r\n flex-wrap: wrap;\r\n margin-left: -$content-layout-padding/2;\r\n margin-right: -$content-layout-padding/2;\r\n list-style: none;\r\n padding: 0;\r\n\r\n > .list__item {\r\n padding: 0 $content-layout-padding/2 $content-layout-padding;\r\n width: 100%;\r\n\r\n > .paragraph {\r\n height: 100%;\r\n }\r\n }\r\n }\r\n\r\n @include bp( medium ) {\r\n // One column layout FULL width.\r\n &.list-layout--full-width {\r\n \r\n .list {\r\n //width: 100%;\r\n }\r\n }\r\n\r\n // Two column layout HALF width.\r\n &.list-layout--halves {\r\n \r\n .list {\r\n > .list__item {\r\n width: 50%;\r\n }\r\n }\r\n }\r\n\r\n // Three columns layout THIRDS.\r\n &.list-layout--thirds {\r\n \r\n .list {\r\n > .list__item {\r\n width: calc(100 / 3 * 1%);\r\n }\r\n }\r\n }\r\n\r\n // Two columns layout 1:2 ratio.\r\n &.list-layout--one-two {\r\n \r\n .list {\r\n > .list__item:nth-child(2n + 1) {\r\n width: calc(100 / 3 * 1%);\r\n }\r\n > .list__item:nth-child(2n + 2) {\r\n width: calc(100 / 3 * 2%);\r\n }\r\n }\r\n }\r\n\r\n // Two columns layout 2:1 ratio.\r\n &.list-layout--two-one {\r\n \r\n .list {\r\n > .list__item:nth-child(2n + 1) {\r\n width: calc(100 / 3 * 2%);\r\n }\r\n > .list__item:nth-child(2n + 2) {\r\n width: calc(100 / 3 * 1%);\r\n }\r\n }\r\n }\r\n\r\n // Two columns layout 1:3 ratio.\r\n &.list-layout--one-three {\r\n \r\n .list {\r\n > .list__item:nth-child(2n + 1) {\r\n width: calc(100 / 4 * 1%);\r\n }\r\n > .list__item:nth-child(2n + 2) {\r\n width: calc(100 / 4 * 3%);\r\n }\r\n }\r\n }\r\n\r\n // Two columns layout 3:1 ratio.\r\n &.list-layout--three-one {\r\n \r\n .list {\r\n > .list__item:nth-child(2n + 1) {\r\n width: calc(100 / 4 * 3%);\r\n }\r\n > .list__item:nth-child(2n + 2) {\r\n width: calc(100 / 4 * 1%);\r\n }\r\n }\r\n }\r\n\r\n // Three columns layout 1:2:1 ratio.\r\n &.list-layout--one-two-one {\r\n \r\n .list {\r\n > .list__item:nth-child(3n + 1) {\r\n width: calc(100 / 4 * 1%);\r\n }\r\n > .list__item:nth-child(3n + 2) {\r\n width: calc(100 / 4 * 2%);\r\n }\r\n > .list__item:nth-child(3n + 3) {\r\n width: calc(100 / 4 * 1%);\r\n }\r\n }\r\n }\r\n }\r\n\r\n // Four columns layout QUARTERS.\r\n &.list-layout--quarters {\r\n \r\n .list {\r\n @include bp(medium) {\r\n > .list__item {\r\n width: calc(100 / 2 * 1%);\r\n }\r\n }\r\n @include bp(large) {\r\n > .list__item {\r\n width: calc(100 / 4 * 1%);\r\n }\r\n }\r\n }\r\n }\r\n\r\n // Five columns layout FIFTHS.\r\n &.list-layout--fifths {\r\n\r\n .list {\r\n @include bp(medium) {\r\n > .list__item {\r\n width: calc(100 / 5 * 1%);\r\n }\r\n }\r\n }\r\n }\r\n\r\n // Six columns layout SIXTH.\r\n &.list-layout--sixths {\r\n\r\n .list {\r\n @include bp(medium) {\r\n > .list__item {\r\n width: calc(100 / 3 * 1%);\r\n }\r\n }\r\n @include bp(large) {\r\n > .list__item {\r\n width: calc(100 / 6 * 1%);\r\n }\r\n }\r\n }\r\n }\r\n\r\n ////\r\n // Equal columns.\r\n // Items width can be set dynamically up to 6 items in row.\r\n ////\r\n &.list-layout--equal {\r\n .list > .list__item {\r\n padding-left: $content-layout-padding/2;\r\n padding-right: $content-layout-padding/2;\r\n\r\n @include bp(medium) {\r\n width: calc(100 / 3 * 1%);\r\n }\r\n\r\n @include bp(large) {\r\n width: calc(100 / 6 * 1%);\r\n }\r\n\r\n /* one item */\r\n &:first-child:nth-last-child(1) {\r\n width: 100%;\r\n }\r\n\r\n /* two items */\r\n &:first-child:nth-last-child(2),\r\n &:first-child:nth-last-child(2) ~ .list__item {\r\n width: 100%;\r\n\r\n @include bp(medium) {\r\n margin-top: 0;\r\n width: calc(100 / 2 * 1%);\r\n }\r\n }\r\n\r\n /* three items */\r\n &:first-child:nth-last-child(3),\r\n &:first-child:nth-last-child(3) ~ .list__item {\r\n width: 100%;\r\n\r\n @include bp(medium) {\r\n margin-top: 0;\r\n width: calc(100 / 3 * 1%);\r\n }\r\n }\r\n\r\n /* four items */\r\n &:first-child:nth-last-child(4),\r\n &:first-child:nth-last-child(4) ~ .list__item {\r\n width: 100%;\r\n\r\n @include bp(medium) {\r\n margin-top: 0;\r\n width: calc(100 / 2 * 1%);\r\n }\r\n\r\n @include bp(large) {\r\n width: calc(100 / 4 * 1%);\r\n }\r\n }\r\n\r\n /* five items */\r\n &:first-child:nth-last-child(5),\r\n &:first-child:nth-last-child(5) ~ .list__item {\r\n width: 100%;\r\n\r\n @include bp(medium) {\r\n margin-top: 0;\r\n width: calc(100 / 3 * 1%);\r\n }\r\n\r\n @include bp(large) {\r\n width: calc(100 / 5 * 1%);\r\n }\r\n }\r\n\r\n /* six items */\r\n @include bp(medium) {\r\n &:nth-child(-n+3) {\r\n margin-top: 0;\r\n }\r\n }\r\n\r\n @include bp(large) {\r\n &:nth-child(-n+6) {\r\n margin-top: 0;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n// Calendar item view mode in list.\r\n.list.erd-list--calendar-item .list__item {\r\n padding: 0 $content-layout-padding/2 $calendar-item-border;\r\n}\r\n","// If selector is wider than the screensize we are calling.\r\n@mixin bp($screen-size) {\r\n // and if our map that we named $breakpoints includes values (we called them $screen-size)\r\n @if map-has-key($breakpoints, $screen-size) {\r\n // then write out a nested Media Query that will target that value as our min-width\r\n @media (min-width: map-get($breakpoints, $screen-size)) {\r\n // write CSS within this mixin that would apply to only this breakpoint or above\r\n @content;\r\n }\r\n // if the screen-size we are requesting doesn't exist, then tell me when it is compiled\r\n } @else {\r\n // Debugging\r\n @warn ''#{$screen-size}' has not been declared as a breakpoint.';\r\n }\r\n}\r\n","// Container for limiting content layout.\r\n.container {\r\n margin: 0 auto;\r\n max-width: $max-width;\r\n padding: 0 $site-padding;\r\n\r\n @include bp(medium) {\r\n padding: 0 $site-padding;\r\n }\r\n}\r\n\r\n// Some Layout builder blocks needs its own padding to be in line.\r\ndiv[class^='section-layout'] > .block.block-layout-builder:not(.block-field-blocknodepagefield-components):not(.block-field-blocknodepagefield-hero-components):not(.block-field-blockblock-contentcomponentsfield-components) {\r\n padding: 0 $site-padding;\r\n\r\n @include bp(medium) {\r\n padding: 0;\r\n }\r\n}\r\n\r\n//\r\n// Common styling for all layouts\r\n//\r\n// Default section layout for section with column.\r\n.section-layout:not(.section-layout__one-column) {\r\n @include bp(medium) {\r\n display: grid;\r\n gap: 0 3%;\r\n }\r\n}\r\n// Block region sidebar needs to fill the full height of the content.\r\n.section-layout__sidebar {\r\n height: 100%;\r\n}\r\n\r\n// Edgy layout styling.\r\n.section-layout--edgy {\r\n margin-left: 0;\r\n margin-right: 0;\r\n flex-wrap: initial;\r\n display: block;\r\n\r\n .content {\r\n padding-left: 0;\r\n padding-right: 0;\r\n }\r\n}\r\n\r\n// Special options for Hero.\r\n.section-layout--hero {\r\n margin-bottom: 2em;\r\n}\r\n\r\n.node__content .section-layout:first-child:not(.section-layout--hero) {\r\n margin-top: 2em;\r\n}\r\n\r\n////\r\n// Layouts specific styling.\r\n////\r\n\r\n// Layout 3 9\r\n.section-layout--39 {\r\n @include bp(medium) {\r\n grid-template-columns: 22% 75%;\r\n }\r\n .section-layout__content {\r\n @include bp(medium) {\r\n grid-column: 2/3;\r\n grid-row: 2;\r\n }\r\n }\r\n\r\n .section-layout__sidebar {\r\n @include bp(medium) {\r\n grid-column: 1/2;\r\n grid-row: 2;\r\n }\r\n }\r\n}\r\n\r\n// Layout 4 8\r\n.section-layout--48 {\r\n @include bp(medium) {\r\n grid-template-columns: 27% 70%;\r\n }\r\n .section-layout__content {\r\n @include bp(medium) {\r\n grid-column: 2/3;\r\n grid-row: 2;\r\n }\r\n }\r\n\r\n .section-layout__sidebar {\r\n @include bp(medium) {\r\n grid-column: 1/2;\r\n grid-row: 2;\r\n }\r\n }\r\n}\r\n\r\n// Layout 5 7\r\n.section-layout--57 {\r\n @include bp(medium) {\r\n grid-template-columns: 39% 58%;\r\n }\r\n .section-layout__content {\r\n @include bp(medium) {\r\n grid-column: 2/3;\r\n grid-row: 2;\r\n }\r\n }\r\n\r\n .section-layout__sidebar {\r\n @include bp(medium) {\r\n grid-column: 1/2;\r\n grid-row: 2;\r\n }\r\n }\r\n}\r\n\r\n// Layout 6 6\r\n.section-layout--66 {\r\n @include bp(medium) {\r\n grid-template-columns: 48.5% 48.5%;\r\n }\r\n .section-layout__content {\r\n @include bp(medium) {\r\n grid-column: 1/2;\r\n grid-row: 2;\r\n }\r\n }\r\n\r\n .section-layout__sidebar {\r\n @include bp(medium) {\r\n grid-column: 2/3;\r\n grid-row: 2;\r\n }\r\n }\r\n}\r\n\r\n// Layout 7 5\r\n.section-layout--75 {\r\n @include bp(medium) {\r\n grid-template-columns: 58% 39%;\r\n }\r\n .section-layout__content {\r\n @include bp(medium) {\r\n grid-column: 1/2;\r\n grid-row: 2;\r\n }\r\n }\r\n\r\n .section-layout__sidebar {\r\n @include bp(medium) {\r\n grid-column: 2/3;\r\n grid-row: 2;\r\n }\r\n }\r\n}\r\n\r\n// Layout 8 4\r\n.section-layout--84 {\r\n @include bp(medium) {\r\n grid-template-columns: 70% 27%;\r\n }\r\n .section-layout__content {\r\n @include bp(medium) {\r\n grid-column: 1/2;\r\n grid-row: 2;\r\n }\r\n }\r\n\r\n .section-layout__sidebar {\r\n @include bp(medium) {\r\n grid-column: 2/3;\r\n grid-row: 2;\r\n }\r\n }\r\n}\r\n\r\n// Layout 9 3\r\n.section-layout--93 {\r\n @include bp(medium) {\r\n grid-template-columns: 75% 22%;\r\n }\r\n .section-layout__content {\r\n @include bp(medium) {\r\n grid-column: 1/2;\r\n grid-row: 2;\r\n }\r\n }\r\n\r\n .section-layout__sidebar {\r\n @include bp(medium) {\r\n grid-column: 2/3;\r\n grid-row: 2;\r\n }\r\n }\r\n}\r\n","// Allow views to get same layouts as other listings.\r\n.views-layout .view-content {\r\n @include bp( small ) {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: stretch;\r\n }\r\n\r\n .views-row {\r\n margin-top: 1.5rem;\r\n }\r\n}\r\n\r\n.views-layout--tiny-gap .view-content {\r\n .views-row:not(:first-child) {\r\n margin-top: 2px;\r\n }\r\n}\r\n\r\n////\r\n// Specific styles for the view layout classes.\r\n////\r\n\r\n// One item in row.\r\n.views-layout--full-width .view-content {\r\n .views-row {\r\n width: 100%;\r\n }\r\n}\r\n\r\n// Two items in row.\r\n.views-layout--halves .view-content {\r\n .views-row {\r\n @include bp( small ) {\r\n width: calc(100 / 2 * 1%);\r\n }\r\n }\r\n}\r\n\r\n// Three items in row.\r\n.views-layout--thirds .view-content {\r\n .views-row {\r\n @include bp( small ) {\r\n width: calc(100 / 3 * 1%);\r\n }\r\n }\r\n}\r\n\r\n// Four items in row.\r\n.views-layout--quarters .view-content {\r\n .views-row {\r\n @include bp( small ) {\r\n width: calc(100 / 4 * 1%);\r\n }\r\n }\r\n}\r\n\r\n// Five items in row.\r\n.views-layout--fifths .view-content {\r\n .views-row {\r\n @include bp( small ) {\r\n width: calc(100 / 5 * 1%);\r\n }\r\n }\r\n}\r\n\r\n// Six items in row.\r\n.views-layout--sixths .view-content {\r\n @include bp(medium) {\r\n .views-row {\r\n width: calc(100 / 3 * 1%);\r\n }\r\n }\r\n @include bp(large) {\r\n .views-row {\r\n width: calc(100 / 6 * 1%);\r\n }\r\n }\r\n}\r\n",".field--name-field-attachments {\r\n background: $gray-05;\r\n padding: 0.5em;\r\n\r\n .field__item + .field__item {\r\n margin-top: 0.5em;\r\n padding-top: 0.5em;\r\n border-top: 1px dotted $gray-3;\r\n }\r\n}\r\n",".back-to-top__link {\r\n padding: 0.1em 0.5em;\r\n background: $white-3;\r\n border: none;\r\n display: block;\r\n opacity: 0;\r\n position: fixed;\r\n transition: all 600ms ease-in-out;\r\n z-index: -1;\r\n border-radius: 100%;\r\n bottom: 30px;\r\n right: 30px;\r\n height: 55px;\r\n overflow: hidden;\r\n width: 55px;\r\n\r\n .fa {\r\n font-size: 2rem;\r\n line-height: 52px;\r\n transition: all 600ms ease-in-out;\r\n }\r\n\r\n &:hover {\r\n background: $white-8;\r\n\r\n .fa {\r\n font-size: 3rem;\r\n transition: all 400ms ease-in-out;\r\n transform: translateY(-10px);\r\n }\r\n }\r\n\r\n &:focus,\r\n &.is-visible {\r\n opacity: 1;\r\n transition: all 300ms ease-in-out;\r\n z-index: 9999;\r\n }\r\n}\r\n",".region-content-view {\r\n display: grid;\r\n gap: 0 3%;\r\n\r\n @include bp(medium) {\r\n grid-template-columns: 70% 27%;\r\n }\r\n\r\n .block-views-blockboard-list-block-1 {\r\n @include bp(medium) {\r\n grid-column: 1/2;\r\n grid-row: 2;\r\n }\r\n }\r\n\r\n .block-facet-blockboard-type {\r\n @include bp(medium) {\r\n grid-column: 1/3;\r\n grid-row: 1;\r\n\r\n .item-list__checkbox {\r\n display: flex;\r\n gap: 1em;\r\n }\r\n }\r\n }\r\n .block-facet-blockpublished-date {\r\n @include bp(medium) {\r\n grid-column: 2/3;\r\n grid-row: 2;\r\n }\r\n }\r\n}\r\n",".btn,\r\n.button {\r\n background: $color-standard-action;\r\n border: 3px solid transparent;\r\n border-radius: 5px;\r\n box-shadow: none;\r\n color: $color-standard-background;\r\n display: inline-block;\r\n padding: 10px 25px;\r\n letter-spacing: .1em;\r\n transition: all 700ms ease-in-out;\r\n\r\n &:hover {\r\n background: $gray-7;\r\n color: $white;\r\n transition: all 300ms ease-in-out;\r\n }\r\n}\r\n\r\n.btn-primary {\r\n background: $color-primary-background;\r\n color: $color-primary-foreground;\r\n}\r\n\r\n.btn-secondary {\r\n background: $color-secondary-background;\r\n color: $color-secondary-foreground;\r\n}\r\n\r\n.btn-light {\r\n background: $color-light-background;\r\n color: $color-light-foreground;\r\n}\r\n\r\n.btn-dark {\r\n background: $color-dark-background;\r\n color: $color-dark-foreground;\r\n}\r\n",".color--standard {\r\n padding: $site-padding 0;\r\n}\r\n\r\n.color--primary {\r\n background: $color-primary-background;\r\n color: $color-primary-foreground;\r\n padding: $site-padding;\r\n\r\n a {\r\n color: $color-primary-action;\r\n\r\n &:hover {\r\n color: $color-primary-foreground;\r\n }\r\n &:focus {\r\n outline: 3px solid $color-primary-focus;\r\n outline-offset: 2px;\r\n }\r\n }\r\n\r\n .btn:hover {\r\n background: $gray-7;\r\n color: $white;\r\n transition: all 300ms ease-in-out;\r\n }\r\n\r\n .btn-primary {\r\n background: $color-primary-action;\r\n color: $color-primary-background;\r\n }\r\n\r\n .btn-secondary {\r\n background: $color-secondary-background;\r\n color: $color-secondary-foreground;\r\n }\r\n\r\n .btn-light {\r\n background: $color-light-background;\r\n color: $color-light-foreground;\r\n }\r\n\r\n .btn-dark {\r\n background: $color-dark-background;\r\n color: $color-dark-foreground;\r\n }\r\n}\r\n\r\n.color--secondary {\r\n background: $color-secondary-background;\r\n color: $color-secondary-foreground;\r\n padding: $site-padding;\r\n\r\n a {\r\n color: $color-secondary-action;\r\n\r\n &:hover {\r\n color: $color-secondary-foreground;\r\n }\r\n &:focus {\r\n outline: 3px solid $color-secondary-focus;\r\n outline-offset: 2px;\r\n }\r\n }\r\n\r\n .btn:hover {\r\n background: $gray-7;\r\n color: $white;\r\n transition: all 300ms ease-in-out;\r\n }\r\n\r\n .btn-primary {\r\n background: $color-primary-background;\r\n color: $color-primary-foreground;\r\n }\r\n\r\n .btn-secondary {\r\n background: $color-secondary-action;\r\n color: $color-secondary-background;\r\n }\r\n\r\n .btn-light {\r\n background: $color-light-background;\r\n color: $color-light-foreground;\r\n }\r\n\r\n .btn-dark {\r\n background: $color-dark-background;\r\n color: $color-dark-foreground;\r\n }\r\n}\r\n\r\n.color--light {\r\n background: $color-light-background;\r\n color: $color-light-foreground;\r\n padding: $site-padding;\r\n\r\n a {\r\n color: $color-light-action;\r\n\r\n &:hover {\r\n color: $color-light-foreground;\r\n }\r\n &:focus {\r\n outline: 3px solid $color-light-focus;\r\n outline-offset: 2px;\r\n }\r\n }\r\n\r\n .btn:hover {\r\n background: $gray-7;\r\n color: $white;\r\n transition: all 300ms ease-in-out;\r\n }\r\n\r\n .btn-primary {\r\n background: $color-primary-background;\r\n color: $color-primary-foreground;\r\n }\r\n\r\n .btn-secondary {\r\n background: $color-secondary-background;\r\n color: $color-secondary-foreground;\r\n }\r\n\r\n .btn-light {\r\n background: $color-light-action;\r\n color: $color-light-background;\r\n }\r\n\r\n .btn-dark {\r\n background: $color-dark-background;\r\n color: $color-dark-foreground;\r\n }\r\n}\r\n\r\n// Color dark\r\n.color--dark {\r\n background: $color-dark-background;\r\n color: $color-dark-foreground;\r\n padding: $site-padding;\r\n\r\n a {\r\n color: $color-dark-action;\r\n\r\n &:hover {\r\n color: $color-dark-foreground;\r\n }\r\n &:focus {\r\n outline: 3px solid $color-dark-focus;\r\n outline-offset: 2px;\r\n }\r\n }\r\n\r\n .btn:hover {\r\n background: $gray-7;\r\n color: $white;\r\n transition: all 300ms ease-in-out;\r\n }\r\n\r\n .btn-primary {\r\n background: transparent;\r\n border-color: $color-primary-background;\r\n color: $color-primary-background;\r\n }\r\n\r\n .btn-secondary {\r\n background: transparent;\r\n border-color: $color-secondary-background;\r\n color: $color-secondary-background;\r\n }\r\n\r\n .btn-light {\r\n background: transparent;\r\n border-color: $color-light-background;\r\n color: $color-light-background;\r\n }\r\n\r\n .btn-dark {\r\n background: transparent;\r\n border-color: $color-dark-foreground;\r\n color: $color-dark-foreground;\r\n }\r\n}\r\n","// Styling for Event date field.\r\n.field--name-field-event-date {\r\n .datetime:first-child {\r\n font-weight: bold;\r\n }\r\n .datetime:last-child {\r\n color: $gray-6;\r\n }\r\n}\r\n\r\n// Event date on Full view mode.\r\n.event-date--view-mode-full {\r\n font-size: $font-size-large;\r\n}\r\n","// Styling for Event location field.\r\n.event-location--view-mode-full {\r\n font-size: $font-size-large;\r\n}\r\n",".facets-widget-checkbox {\r\n\r\n h3 {\r\n margin-top: 0;\r\n }\r\n\r\n ul {\r\n list-style-type: none;\r\n padding-left: 0;\r\n }\r\n}\r\n",".block-field-blocknodepagefield-body {\r\n .field--name-field-body {\r\n max-width: $max-width;\r\n margin-right: auto;\r\n margin-left: auto;\r\n }\r\n\r\n .section-layout--edgy & {\r\n .field--name-field-body {\r\n padding-left: $site-padding;\r\n padding-right: $site-padding;\r\n }\r\n }\r\n}\r\n",".field--label-inline {\r\n > .field__label {\r\n display: inline-block;\r\n font-weight: bold;\r\n\r\n &:after {\r\n content: \": \";\r\n }\r\n }\r\n > .field__item {\r\n display: inline-block;\r\n }\r\n}\r\n",".form--inline {\r\n display: flex;\r\n}\r\n\r\ninput[type=text] {\r\n box-sizing: border-box;\r\n border: 3px solid $gray-5;\r\n background-color: $gray-05;\r\n color: $gray-9;\r\n border-radius: $border-radius;\r\n padding: 10px 25px;\r\n vertical-align: middle;\r\n appearance: none;\r\n width: 100%;\r\n\r\n &:focus {\r\n border-radius: 0;\r\n background-color: $gray-05; // Keep the light-bg when focusing on success/error\r\n }\r\n}\r\n","img {\r\n height: auto;\r\n width: 100%;\r\n}\r\n","// Main page title.\r\nh1.page-title {\r\n margin-top: 0;\r\n max-width: $max-width;\r\n margin-right: auto;\r\n margin-left: auto;\r\n\r\n .section-layout--edgy & {\r\n padding-left: $site-padding;\r\n padding-right: $site-padding;\r\n }\r\n}\r\n","// Styling for Hero component.\r\n.paragraph--type--hero {\r\n font-size: 1.2em;\r\n\r\n h2 {\r\n font-size: $heading-xl * 1.5;\r\n font-weight: 700;\r\n }\r\n}\r\n","// Paragraph content needs to be separated.\r\n.paragraph .paragraph-content {\r\n padding-bottom: $content-layout-padding / 2;\r\n padding-top: $content-layout-padding / 2;\r\n position: relative;\r\n z-index: 101;\r\n\r\n}\r\n// But no need for vertical padding on paragraph content if the paragraph has background color.\r\n.modifiers-has-background > .paragraph-content,\r\n.paragraph[class^='color-'] > .paragraph-content {\r\n padding-bottom: 0;\r\n padding-top: 0;\r\n}\r\n\r\n\r\n// Paragraphs on edgy layout.\r\n.section-layout--edgy {\r\n .paragraph-content {\r\n box-sizing: border-box;\r\n margin-right: auto;\r\n margin-left: auto;\r\n max-width: $max-width;\r\n padding-left: $site-padding;\r\n padding-right: $site-padding;\r\n width: 100%;\r\n\r\n @include bp(small) {\r\n max-width: ($bp-medium);\r\n }\r\n\r\n @include bp(medium) {\r\n max-width: ($max-width);\r\n }\r\n\r\n @include bp(large) {\r\n max-width: ($max-width);\r\n }\r\n }\r\n // No need for horizontal padding on paragraph content if the paragraph has background color.\r\n .modifiers-has-background > .paragraph-content ,\r\n .paragraph[class^='color-']:not(.color--standard) > .paragraph-content {\r\n padding-left: 0;\r\n padding-right: 0;\r\n\r\n @include bp(large) {\r\n padding-left: $content-layout-padding / 2;\r\n padding-right: $content-layout-padding / 2;\r\n }\r\n }\r\n}\r\n\r\n.paragraph--title {\r\n margin-top: 0;\r\n}\r\n",".paragraph-content {\r\n .field--name-field-read-more {\r\n margin-top: 1em;\r\n display: inline-block;\r\n position: relative;\r\n\r\n a {\r\n @extend .cta-link;\r\n }\r\n }\r\n}\r\n","//\r\n// Search block (default).\r\n//\r\n.region-search .form--inline {\r\n\r\n .form-text {\r\n display: block;\r\n margin: 0;\r\n\r\n &::placeholder {\r\n color: $gray-6;\r\n opacity: 1;\r\n }\r\n\r\n &::-webkit-input-placeholder { /* Chrome/Opera/Safari */\r\n color: $gray-6;\r\n opacity: 1;\r\n }\r\n\r\n &::-moz-placeholder { /* Firefox 19+ */\r\n color: $gray-6;\r\n opacity: 1;\r\n }\r\n\r\n &:-ms-input-placeholder { /* IE 10+ */\r\n color: $gray-6;\r\n opacity: 1;\r\n }\r\n\r\n &:-moz-placeholder { /* Firefox 18- */\r\n color: $gray-6;\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .form-submit {\r\n .fa-search {\r\n display: none;\r\n }\r\n }\r\n}\r\n",".section-layout__sidebar {\r\n .menu {\r\n margin-left: 0;\r\n margin-top: 0;\r\n\r\n .menu-item {\r\n padding-top: 0;\r\n }\r\n\r\n .menu-item + .menu-item {\r\n padding-top: 1px;\r\n }\r\n\r\n > .menu-item > a {\r\n border-left: 5px solid $gray-2;\r\n background: $gray-05;\r\n color: $color-standard-foreground;\r\n display: block;\r\n padding: 0.8em 0.5em;\r\n text-decoration: none;\r\n\r\n &:hover {\r\n background: $gray-1;\r\n border-left-color: $gray-4;\r\n }\r\n }\r\n\r\n .menu-item--active-trail > a {\r\n background: $gray-1;\r\n border-left-color: $color-standard-action;\r\n padding: 0.5em;\r\n }\r\n }\r\n}\r\n","ul {\r\n &.tabs {\r\n margin: 0;\r\n padding: .5em 0;\r\n\r\n li {\r\n margin-right: .5em;\r\n }\r\n }\r\n}\r\n\r\n.tabs {\r\n a {\r\n background: $gray-6;\r\n border-radius: 4px;\r\n color: $white;\r\n font-size: 1.4rem;\r\n padding: 4px 8px;\r\n text-transform: uppercase;\r\n\r\n &.is-active,\r\n &:hover {\r\n background: $gray-9;\r\n box-shadow: none;\r\n }\r\n }\r\n}\r\n","//\r\n// HEADER\r\n//\r\n\r\n@media (max-width: $screen-sm-max) {\r\n\r\n}\r\n\r\n@media (min-width: $screen-md-min) {\r\n\r\n header {\r\n background: $header-background;\r\n }\r\n \r\n .region-header {\r\n display: grid;\r\n grid-template-columns: 2fr 1fr;\r\n grid-template-rows: 1fr auto;\r\n margin: 0 auto;\r\n max-width: $max-width;\r\n padding: 0 2rem;\r\n position: relative;\r\n z-index: 300;\r\n \r\n @include bp(medium) {\r\n grid-template-columns: 3fr 2fr;\r\n }\r\n \r\n @include bp(medium) {\r\n grid-template-columns: 2fr 1fr 2fr;\r\n }\r\n \r\n .logo {\r\n grid-area: 1/1/1/2;\r\n margin: 0.5em;\r\n max-width: 100px;\r\n \r\n @include bp(small) {\r\n margin: 1em 0;\r\n max-width: 150px;\r\n }\r\n \r\n @include bp(medium) {\r\n max-width: 200px;\r\n }\r\n }\r\n \r\n .search {\r\n grid-area: 1/2/1/3;\r\n \r\n @include bp(medium) {\r\n grid-area: 1/3/1/4;\r\n }\r\n }\r\n \r\n .menu-switch {\r\n grid-area: 1/2/1/3;\r\n }\r\n }\r\n \r\n}\r\n\r\n","//\r\n// HEADER - BRANDING\r\n//\r\n\r\n#header {\r\n\r\n @media (max-width: $screen-sm-max) {\r\n\r\n .block-system-branding-block {\r\n display: none;\r\n }\r\n \r\n }\r\n \r\n @media (min-width: $screen-md-min) {\r\n \r\n }\r\n \r\n}\r\n","//\r\n// HEADER - BLOCK - SEARCH\r\n//\r\n\r\n#header {\r\n\r\n @media (max-width: $screen-sm-max) {\r\n\r\n .block-search {\r\n padding: 30px 35px 0px 35px;\r\n margin: 0;\r\n }\r\n \r\n }\r\n \r\n @media (min-width: $screen-md-min) {\r\n \r\n }\r\n \r\n}\r\n","/* ==========================================================================\r\n MENU\r\n ========================================================================== */\r\n\r\n@media (min-width: $screen-md-min) {\r\n\r\n #menu {\r\n background: $main-menu-bg;\r\n }\r\n \r\n}\r\n\r\n\r\n ","/* ==========================================================================\r\n MAIN - BLOCK - MENU\r\n ========================================================================== */\r\n \r\n#menu {\r\n\r\n .block-menu > h2 {\r\n display: none;\r\n }\r\n \r\n @media (max-width: $screen-sm-max) {\r\n\r\n .container {\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n .block-menu {\r\n\r\n padding: 30px 35px;\r\n margin: 0;\r\n\r\n /* 1 */\r\n ul.menu {\r\n margin: 0;\r\n padding: 0;\r\n }\r\n ul.menu li {\r\n position: relative;\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n }\r\n ul.menu li a {\r\n display: block; \r\n padding: 20px 80px 20px 20px;\r\n text-decoration: none;\r\n border-bottom: 1px solid #EEEEEE;\r\n color: #000000;\r\n font-weight: 700;\r\n font-size: 20px;\r\n border-left: 5px solid #FFFFFF;\r\n }\r\n ul.menu li a.is-active {\r\n color: $primary-color;\r\n border-left: 5px solid $primary-color;\r\n }\r\n\r\n /* 2 */\r\n ul.menu li ul {\r\n display: none;\r\n border: 0;\r\n }\r\n ul.menu li ul.open {\r\n display: block;\r\n } \r\n ul.menu li ul li a {\r\n padding: 25px 80px 25px 40px;\r\n }\r\n ul.menu li a:hover {\r\n\r\n } \r\n\r\n /* 3 */\r\n ul.menu li ul li ul li a {\r\n padding: 25px 80px 25px 60px;\r\n }\r\n\r\n /* 4 */\r\n ul.menu li ul li ul li ul li a {\r\n padding: 25px 80px 25px 80px;\r\n }\r\n\r\n /* span */\r\n ul.menu li span {\r\n position: absolute;\r\n right: 0;\r\n top: 0px;\r\n height: 60px;\r\n width: 60px;\r\n background: url('../images/mob-down.png') no-repeat 50% 50%;\r\n cursor: pointer;\r\n border-left: 1px solid #DDDDDD; \r\n }\r\n ul.menu li span.open {\r\n background: url('../images/mob-up.png') no-repeat 50% 50%;\r\n }\r\n \r\n }\r\n\r\n } \r\n\r\n @media (min-width: $screen-md-min) {\r\n \r\n .block-menu {\r\n\r\n display: block !important;\r\n\r\n /* 1 */\r\n ul.menu {\r\n margin: 0;\r\n padding: 0;\r\n display: flex; \r\n flex-direction: row;\r\n }\r\n ul.menu li {\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n /* flex-grow: 1; */\r\n position: relative;\r\n line-height: 1;\r\n }\r\n ul.menu li a {\r\n display: block;\r\n height: 60px;\r\n line-height: 60px;\r\n padding: 0 30px;\r\n color: $main-menu-text; \r\n text-decoration: none;\r\n text-transform: uppercase;\r\n white-space: nowrap; \r\n }\r\n ul.menu > li:hover > a {\r\n background: $main-menu-bg;\r\n color: $main-menu-text;\r\n }\r\n ul.menu > li > a:hover {\r\n background: $main-menu-bg-active;\r\n color: $main-menu-text-active;\r\n }\r\n ul.menu > li > a.is-active,\r\n ul.menu > li > a.is-active:hover {\r\n background: $main-menu-bg-active; \r\n color: $main-menu-text-active; \r\n }\r\n\r\n /* 2 */\r\n ul.menu > li > ul {\r\n display: none;\r\n background: $main-menu-bg; \r\n }\r\n ul.menu > li:hover > ul {\r\n position: absolute;\r\n top: 60px;\r\n z-index: 1000;\r\n display: block;\r\n height: auto;\r\n min-width: 100%;\r\n }\r\n ul.menu > li:last-child > ul {\r\n right: 0;\r\n left: auto;\r\n }\r\n ul.menu > li > ul > li {\r\n margin: 0;\r\n padding: 0;\r\n height: auto;\r\n line-height: 1;\r\n }\r\n ul.menu > li > ul > li > a {\r\n height: 60px;\r\n line-height: 60px;\r\n padding: 0 30px;\r\n color: $main-menu-text;\r\n }\r\n ul.menu > li > ul > li > a:hover {\r\n background: $main-menu-bg-active;\r\n color: $main-menu-text;\r\n }\r\n ul.menu > ul > li > a.is-active,\r\n ul.menu > ul > li > a.is-active:hover {\r\n background: $main-menu-bg-active;\r\n color: $main-menu-text; \r\n }\r\n\r\n /* 3 */\r\n ul.menu > li > ul > li > ul {\r\n display: none !important;\r\n }\r\n\r\n }\r\n\r\n }\r\n \r\n}\r\n","/* ==========================================================================\r\n NAVBAR\r\n ========================================================================== */\r\n\r\n@media (max-width: $screen-sm-max) {\r\n\r\n #navbar-wrapper {\r\n position: relative;\r\n height: 110px;\r\n }\r\n #navbar {\r\n position: relative;\r\n z-index: 100;\r\n height: 110px;\r\n background: $navbar-bg;\r\n color: $navbar-text;\r\n }\r\n body.menu-open #navbar {\r\n position: fixed;\r\n top: 0px;\r\n width: 100%;\r\n }\r\n\r\n}\r\n\r\n@media (min-width: $screen-md-min) {\r\n\r\n #navbar-wrapper {\r\n display: none !important;\r\n }\r\n\r\n}\r\n","/* ==========================================================================\r\n NAVBAR - BLOCK - BRANDING\r\n ========================================================================== */\r\n\r\n#navbar {\r\n\r\n .block-system-branding-block {\r\n\r\n margin: 0;\r\n height: 110px;\r\n float: left;\r\n\r\n a {\r\n display: inline-block;\r\n padding: 10px;\r\n text-decoration: none;\r\n }\r\n .site-logo img {\r\n width: auto;\r\n height: 90px;\r\n }\r\n \r\n }\r\n \r\n}\r\n","/* ==========================================================================\r\n NAVBAR - COLLAPSE\r\n ========================================================================== */\r\n\r\n@media (max-width: $screen-sm-max) {\r\n\r\n #navbar-collapse {\r\n display: none;\r\n }\r\n\r\n body.menu-open #navbar-collapse {\r\n display: block;\r\n position: fixed;\r\n width: 100%;\r\n height: calc(100% - 110px);\r\n top: 110px;\r\n left: 0;\r\n z-index: 1000;\r\n background: $navbar-collapse-bg;\r\n color: $navbar-collapse-text;\r\n overflow-y: auto;\r\n }\r\n \r\n}\r\n","/* ==========================================================================\r\n NAVBAR - ICONS\r\n ========================================================================== */\r\n\r\n#navbar {\r\n\r\n .icon-menu {\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n width: 80px;\r\n height: 110px;\r\n border: 0;\r\n background: none;\r\n z-index: 200;\r\n text-align: center;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .icon-menu span.icon-menu-1,\r\n .icon-menu span.icon-menu-2,\r\n .icon-menu span.icon-menu-3 {\r\n width: 30px;\r\n height: 4px;\r\n background: $navbar-text;\r\n display: block;\r\n margin: 6px auto; \r\n border-radius: 2px; \r\n position: relative;\r\n top: 0;\r\n }\r\n .icon-menu span.icon-menu-1,\r\n .icon-menu span.icon-menu-3 {\r\n transition: all 0.1s 0.1s; \r\n }\r\n .icon-menu span.icon-menu-2 {\r\n transition: all 0.1s 0.1s; \r\n }\r\n\r\n}\r\n\r\n/* open */\r\nbody.menu-open #navbar {\r\n\r\n .icon-menu span.icon-menu-1 {\r\n transform: rotate(45deg);\r\n position: relative;\r\n top: 10px;\r\n }\r\n .icon-menu span.icon-menu-2 {\r\n visibility: hidden;\r\n }\r\n .icon-menu span.icon-menu-3 {\r\n transform: rotate(-45deg);\r\n position: relative;\r\n top: -10px;\r\n }\r\n .icon-menu span.icon-menu-1,\r\n .icon-menu span.icon-menu-3 {\r\n transition: all 0 0; \r\n }\r\n .icon-menu span.icon-menu-2 {\r\n transition: all 0.1s 0s; \r\n }\r\n\r\n}\r\n",".calendar-item {\r\n background: $calendar-item-future-background;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: stretch;\r\n\r\n @include bp(small) {\r\n flex-direction: row;\r\n }\r\n\r\n .calendar-item__date {\r\n padding: 0.5em;\r\n align-items: center;\r\n display: flex;\r\n line-height: 1;\r\n text-align: center;\r\n text-transform: uppercase;\r\n\r\n @include bp(small) {\r\n width: $calendar-item__date-width;\r\n }\r\n\r\n .field,\r\n .block {\r\n width: 100%;\r\n }\r\n }\r\n\r\n .calendar-item__title {\r\n font-size: 2rem;\r\n margin: 0;\r\n }\r\n\r\n .calendar-date {\r\n margin: 0 auto;\r\n\r\n span {\r\n font-size: $calendar-item__date-number-size;\r\n color: $color-standard-action;\r\n display: block;\r\n font-weight: 700;\r\n margin: 0;\r\n }\r\n }\r\n\r\n .calendar-item__content {\r\n padding: 0.5em;\r\n border-top: $calendar-item-border solid $color-standard-background;\r\n\r\n\r\n @include bp(small) {\r\n border-left: $calendar-item-border solid $color-standard-background;\r\n border-top: none;\r\n width: calc(100% - #{$calendar-item__date-width});\r\n }\r\n\r\n\r\n // All regions has one third unit gap between them.\r\n *[class^='calendar-item__'] + *[class^='calendar-item__'] {\r\n margin-top: 0.3em;\r\n }\r\n }\r\n\r\n &.calendar-item--current {\r\n background: $calendar-item-background-current;\r\n }\r\n\r\n &.calendar-item--past {\r\n background: $calendar-item-background-past;\r\n color: $calendar-item-foreground-past;\r\n\r\n .calendar-date,\r\n span,\r\n a {\r\n color: $calendar-item-foreground-past;\r\n }\r\n }\r\n\r\n .node--type-board & {\r\n .calendar-item__info,\r\n .calendar-item__tags {\r\n @include bp(small) {\r\n display: flex;\r\n flex-wrap: wrap;\r\n column-gap: 1.5em;\r\n row-gap: 0.5em;\r\n }\r\n }\r\n }\r\n}\r\n","// Styling for card view mode.\r\n.card {\r\n display: flex;\r\n flex-direction: column;\r\n min-height: 100px;\r\n overflow: hidden;\r\n position: relative;\r\n transition: all 300ms ease-in-out;\r\n height: 100%;\r\n}\r\n\r\n.card__image {\r\n img {\r\n display: block;\r\n }\r\n}\r\n\r\n.card__summary {\r\n padding: 0;\r\n}\r\n\r\n.card__content {\r\n display: flex;\r\n height: 100%;\r\n flex-direction: column;\r\n margin-top: auto;\r\n width: 100%;\r\n transition: all 300ms ease-in-out;\r\n}\r\n\r\n.card__title {\r\n font-size: 2rem;\r\n margin: 0;\r\n\r\n a {\r\n display: block;\r\n padding: 0.5em 0;\r\n transition: all 300ms ease-in-out;\r\n }\r\n}\r\n\r\n.card:hover {\r\n transition: all 300ms ease-in-out;\r\n\r\n .card__content {\r\n transition: all 300ms ease-in-out;\r\n\r\n a {\r\n transition: all 300ms ease-in-out;\r\n }\r\n }\r\n}\r\n","// Styling for search view mode.\r\n.search {\r\n display: flex;\r\n flex-direction: column;\r\n position: relative;\r\n transition: all 300ms ease-in-out;\r\n\r\n @include bp( medium ) {\r\n flex-direction: row;\r\n }\r\n}\r\n\r\n.search__content {\r\n order: 2;\r\n transition: all 300ms ease-in-out;\r\n width: 100%;\r\n\r\n p:first-child {\r\n margin-top: 0;\r\n }\r\n}\r\n\r\n.search__title {\r\n display: inline-block;\r\n font-size: 2rem;\r\n margin-top: 0;\r\n\r\n a {\r\n display: block;\r\n transition: all 300ms ease-in-out;\r\n }\r\n}\r\n\r\n.search__tags {\r\n font-size: $font-size-small;\r\n text-align: right;\r\n}\r\n\r\n.search:hover {\r\n transition: all 300ms ease-in-out;\r\n}\r\n","// Styling for summary view mode.\r\n.summary{\r\n display: flex;\r\n flex-direction: column;\r\n position: relative;\r\n transition: all 300ms ease-in-out;\r\n\r\n @include bp( medium ) {\r\n flex-direction: row;\r\n }\r\n}\r\n\r\n.summary__content {\r\n order: 2;\r\n transition: all 300ms ease-in-out;\r\n width: 100%;\r\n\r\n p:first-child {\r\n margin-top: 0;\r\n }\r\n}\r\n\r\n.summary__title {\r\n display: inline-block;\r\n font-size: 2rem;\r\n margin-top: 0;\r\n\r\n a {\r\n display: block;\r\n transition: all 300ms ease-in-out;\r\n }\r\n}\r\n\r\n.summary__tags {\r\n font-size: $font-size-small;\r\n text-align: right;\r\n}\r\n\r\n.summary:hover {\r\n transition: all 300ms ease-in-out;\r\n}\r\n","// Styling for teaser small view mode.\r\n.teaser--small {\r\n .teaser__image {\r\n @include bp(medium) {\r\n max-width: 150px;\r\n }\r\n }\r\n}\r\n","// Styling for teaser view mode.\r\n.teaser{\r\n display: flex;\r\n flex-direction: column;\r\n position: relative;\r\n transition: all 300ms ease-in-out;\r\n\r\n @include bp( medium ) {\r\n flex-direction: row;\r\n }\r\n}\r\n\r\n.teaser__image {\r\n order: 1;\r\n\r\n @include bp( medium ) {\r\n max-width: 250px;\r\n }\r\n\r\n img {\r\n display: block;\r\n }\r\n}\r\n\r\n.teaser__content {\r\n order: 2;\r\n transition: all 300ms ease-in-out;\r\n width: 100%;\r\n\r\n p:first-child {\r\n margin-top: 0;\r\n }\r\n\r\n @include bp( medium ) {\r\n padding: 0 0 0 1em;\r\n }\r\n}\r\n\r\n.teaser__title {\r\n display: inline-block;\r\n font-size: 2rem;\r\n margin: 0;\r\n\r\n @include bp( medium ) {\r\n margin: -9px 0 0 0;\r\n }\r\n\r\n a {\r\n display: block;\r\n padding: 0.5em 0;\r\n transition: all 300ms ease-in-out;\r\n\r\n @include bp( medium ) {\r\n padding: 0;\r\n }\r\n }\r\n}\r\n\r\n.teaser__tags {\r\n font-size: $font-size-small;\r\n}\r\n\r\n.teaser:hover {\r\n transition: all 300ms ease-in-out;\r\n}\r\n","// Styling for tile view mode.\r\n.tile {\r\n height: 100%;\r\n min-height: 100px;\r\n overflow: hidden;\r\n position: relative;\r\n transition: all 300ms ease-in-out;\r\n}\r\n\r\n.tile__image {\r\n img {\r\n display: block;\r\n }\r\n}\r\n\r\n.tile__content {\r\n background: $white-7;\r\n bottom: 0;\r\n color: $gray-9;\r\n position: absolute;\r\n text-align: center;\r\n width: 100%;\r\n transition: all 300ms ease-in-out;\r\n}\r\n\r\n.tile__title {\r\n font-size: 2rem;\r\n margin: 0;\r\n\r\n a {\r\n color: $gray-9;\r\n display: block;\r\n padding: 0.5em 0.5em;\r\n transition: all 300ms ease-in-out;\r\n }\r\n}\r\n\r\n.tile:hover {\r\n transition: all 300ms ease-in-out;\r\n\r\n .tile__content {\r\n background: $white-9;\r\n color: $gray-10;\r\n transition: all 300ms ease-in-out;\r\n\r\n a {\r\n color: $gray-10;\r\n transition: all 300ms ease-in-out;\r\n }\r\n }\r\n}\r\n","// Styling for title view mode.\r\n.title {\r\n height: 100%;\r\n overflow: hidden;\r\n position: relative;\r\n transition: all 300ms ease-in-out;\r\n}\r\n\r\n.title__content {\r\n background: $gray-1;\r\n height: 100%;\r\n text-align: center;\r\n width: 100%;\r\n transition: all 300ms ease-in-out;\r\n}\r\n\r\n.title__title {\r\n font-size: 2rem;\r\n height: 100%;\r\n margin: 0;\r\n\r\n .field--name-node-title {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n vertical-align: middle;\r\n }\r\n\r\n a {\r\n display: block;\r\n font-weight: 400;\r\n margin: auto;\r\n padding: 1.5em 1em;\r\n transition: all 300ms ease-in-out;\r\n }\r\n}\r\n\r\n.title:hover {\r\n transition: all 300ms ease-in-out;\r\n\r\n .title__content {\r\n background: $color-primary-background;\r\n transition: all 300ms ease-in-out;\r\n\r\n a {\r\n color: $white;\r\n transition: all 300ms ease-in-out;\r\n }\r\n }\r\n}\r\n"]} \ No newline at end of file diff --git a/images/mob-down.png b/images/mob-down.png new file mode 100644 index 0000000000000000000000000000000000000000..64a91281961570ce120ca7b890d7a65dd0fb5f9b GIT binary patch literal 270 zcmeAS@N?(olHy`uVBq!ia0vp^B0$W^!3HFa4)S;aDajJoh?3y^w370~qErUQl>DSr z1<%~X^wgl##FWaylc_d9MH@U_978H@CFNvf>^OhmzyyvZ{00FG4Zma?uGEMrEMz$H zyOBw{p+s>)ox>tWg};9tWEdV9E1qm*Imaw&G9f|2<89@PM1=z!qHElPe>21z9N5GD zRn{mY#ihv1qmg+Q)06~@WMAW3SthQJrzyDSr z1<%~X^wgl##FWaylc_d9MJqjB978H@C8a1ZNJ&Y_G+e3CFc&;w-{5bnEY~d35MnRD zzQ8k=;gQpVKg>D5W)wY(TIp05wRR#t^ zAMP=(Xk+(y4^c% zjzw)Ajt3b`7t1|4^#8^lcO3_QHZiAr%7+{#)VW6(FtA84c-(RqdOfGG0O)82Pgg&e IbxsLQ0G}OK4gdfE literal 0 HcmV?d00001 diff --git a/js/csgov_theme.js b/js/csgov_theme.js index 6343c22..89f640b 100644 --- a/js/csgov_theme.js +++ b/js/csgov_theme.js @@ -1 +1,91 @@ -!function(e){Drupal.behaviors.csgov_theme_BackToTop={attach:function(o,t){var i=e("body, html"),a=e(".back-to-top__link",o);e(window).scroll(function(){250 250) { + backToTop.addClass('is-visible'); + } else { + backToTop.removeClass('is-visible'); + } + }); + + // Scroll smoothly to top on click. + backToTop.click(function (event) { + $body.animate({ + scrollTop: 0 + }, 800, function () { + $body.attr('tabindex','-1').focus().removeAttr('tabindex'); + }); + event.preventDefault(); + }); + + } + }; + +})(jQuery); + +/** + * @file + * JS for Mobile menu + */ + +(function ($) { + Drupal.behaviors.csgov_theme_MobileMenu = { + attach: function (context, settings) { + + $('#menu .block-menu ul > li:has(ul)').each(function() { + $(this).append( "" ); + }); + + $('#menu .block-menu li.menu-item--active-trail > span').each(function() { + $(this).prev().addClass("open"); + $(this).addClass("open"); + }); + + $("#menu .block-menu span").click(function(){ + if($(this).hasClass('open')) { + $(this).prev().removeClass("open"); + $(this).removeClass("open"); + } else { + $(this).prev().addClass("open"); + $(this).addClass("open"); + } + }); + + } + }; +})(jQuery); + +/** + * @file + * JS for Navbar menu. + */ + +(function ($) { + Drupal.behaviors.csgov_theme_NavbarMenu = { + attach: function (context, settings) { + + $(".icon-menu").click(function() { + if ($('body').hasClass('menu-open')) { + $("body").removeClass("menu-open"); + } + else { + $("body").addClass("menu-open"); + } + }); + + } + }; +})(jQuery); + +//# sourceMappingURL=csgov_theme.js.map diff --git a/js/csgov_theme.js.map b/js/csgov_theme.js.map new file mode 100644 index 0000000..be8072e --- /dev/null +++ b/js/csgov_theme.js.map @@ -0,0 +1 @@ +{"version":3,"names":[],"mappings":"","sources":["index.js"],"sourcesContent":["/**\r\n * @file\r\n * JS for Back To Top link.\r\n */\r\n\r\n(function ($) {\r\n\r\n Drupal.behaviors.csgov_theme_BackToTop = {\r\n attach: function (context, settings) {\r\n var $body = $('body, html');\r\n var backToTop = $('.back-to-top__link', context);\r\n\r\n // Toggle class on backToTop.\r\n $(window).scroll(function () {\r\n if ($(this).scrollTop() > 250) {\r\n backToTop.addClass('is-visible');\r\n } else {\r\n backToTop.removeClass('is-visible');\r\n }\r\n });\r\n\r\n // Scroll smoothly to top on click.\r\n backToTop.click(function (event) {\r\n $body.animate({\r\n scrollTop: 0\r\n }, 800, function () {\r\n $body.attr('tabindex','-1').focus().removeAttr('tabindex');\r\n });\r\n event.preventDefault();\r\n });\r\n\r\n }\r\n };\r\n\r\n})(jQuery);\r\n\n/**\r\n * @file\r\n * JS for Mobile menu \r\n */\r\n\r\n(function ($) {\r\n Drupal.behaviors.csgov_theme_MobileMenu = {\r\n attach: function (context, settings) {\r\n\r\n $('#menu .block-menu ul > li:has(ul)').each(function() {\r\n $(this).append( \"\" );\r\n });\r\n\r\n $('#menu .block-menu li.menu-item--active-trail > span').each(function() {\r\n $(this).prev().addClass(\"open\");\r\n $(this).addClass(\"open\");\r\n });\r\n\r\n $(\"#menu .block-menu span\").click(function(){\r\n if($(this).hasClass('open')) {\r\n $(this).prev().removeClass(\"open\");\r\n $(this).removeClass(\"open\");\r\n } else {\r\n $(this).prev().addClass(\"open\");\r\n $(this).addClass(\"open\");\r\n }\r\n });\r\n\r\n }\r\n };\r\n})(jQuery);\r\n\n/**\r\n * @file\r\n * JS for Navbar menu.\r\n */\r\n\r\n(function ($) {\r\n Drupal.behaviors.csgov_theme_NavbarMenu = {\r\n attach: function (context, settings) {\r\n\r\n $(\".icon-menu\").click(function() {\r\n if ($('body').hasClass('menu-open')) {\r\n $(\"body\").removeClass(\"menu-open\");\r\n }\r\n else {\r\n $(\"body\").addClass(\"menu-open\");\r\n }\r\n });\r\n\r\n }\r\n };\r\n})(jQuery);\r\n"],"file":"csgov_theme.js"} \ No newline at end of file diff --git a/js/czgov_theme.js b/js/czgov_theme.js deleted file mode 100644 index bb8a68f..0000000 --- a/js/czgov_theme.js +++ /dev/null @@ -1,37 +0,0 @@ -/** - * @file - * JS for Back To Top link. - */ - -(function ($) { - - Drupal.behaviors.csgov_theme_BackToTop = { - attach: function (context, settings) { - var $body = $('body, html'); - var backToTop = $('.back-to-top__link', context); - - // Toggle class on backToTop. - $(window).scroll(function () { - if ($(this).scrollTop() > 250) { - backToTop.addClass('is-visible'); - } else { - backToTop.removeClass('is-visible'); - } - }); - - // Scroll smoothly to top on click. - backToTop.click(function (event) { - $body.animate({ - scrollTop: 0 - }, 800, function () { - $body.attr('tabindex','-1').focus().removeAttr('tabindex'); - }); - event.preventDefault(); - }); - - } - }; - -})(jQuery); - -//# sourceMappingURL=czgov_theme.js.map diff --git a/js/czgov_theme.js.map b/js/czgov_theme.js.map deleted file mode 100644 index b4b0403..0000000 --- a/js/czgov_theme.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"names":[],"mappings":"","sources":["index.js"],"sourcesContent":["/**\n * @file\n * JS for Back To Top link.\n */\n\n(function ($) {\n\n Drupal.behaviors.csgov_theme_BackToTop = {\n attach: function (context, settings) {\n var $body = $('body, html');\n var backToTop = $('.back-to-top__link', context);\n\n // Toggle class on backToTop.\n $(window).scroll(function () {\n if ($(this).scrollTop() > 250) {\n backToTop.addClass('is-visible');\n } else {\n backToTop.removeClass('is-visible');\n }\n });\n\n // Scroll smoothly to top on click.\n backToTop.click(function (event) {\n $body.animate({\n scrollTop: 0\n }, 800, function () {\n $body.attr('tabindex','-1').focus().removeAttr('tabindex');\n });\n event.preventDefault();\n });\n\n }\n };\n\n})(jQuery);\n"],"file":"czgov_theme.js"} \ No newline at end of file diff --git a/templates/system/page.html.twig b/templates/system/page.html.twig index 9d746af..d44270c 100644 --- a/templates/system/page.html.twig +++ b/templates/system/page.html.twig @@ -43,24 +43,40 @@ */ #} -
-
- {{ page.top_bar }} + -
-
- - {% if page.search %} - - {% endif %} +
-