/* Variables */
@font-face {
  font-family: 'Museo';
  src: url("../fonts/Museo-100.eot");
  src: url("../fonts/Museo-100.eot?#iefix") format("embedded-opentype"), url("../fonts/Museo-100.woff2") format("woff2"), url("../fonts/Museo-100.woff") format("woff"), url("../fonts/Museo-100.ttf") format("truetype"), url("../fonts/Museo-100.svg#museothin") format("svg");
  font-weight: 100;
  font-style: normal; }
@font-face {
  font-family: 'Museo';
  src: url("../fonts/Museo-300.eot");
  src: url("../fonts/Museo-300.eot?#iefix") format("embedded-opentype"), url("../fonts/Museo-300.woff2") format("woff2"), url("../fonts/Museo-300.woff") format("woff"), url("../fonts/Museo-300.ttf") format("truetype"), url("../fonts/Museo-300.svg#museolight") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Museo';
  src: url("../fonts/Museo-500.eot");
  src: url("../fonts/Museo-500.eot?#iefix") format("embedded-opentype"), url("../fonts/Museo-500.woff2") format("woff2"), url("../fonts/Museo-500.woff") format("woff"), url("../fonts/Museo-500.ttf") format("truetype"), url("../fonts/Museo-500.svg#museoregular") format("svg");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'Museo';
  src: url("../fonts/Museo-700.eot");
  src: url("../fonts/Museo-700.eot?#iefix") format("embedded-opentype"), url("../fonts/Museo-700.woff2") format("woff2"), url("../fonts/Museo-700.woff") format("woff"), url("../fonts/Museo-700.ttf") format("truetype"), url("../fonts/Museo-700.svg#museobold") format("svg");
  font-weight: 700;
  font-style: normal; }
.weight-thin {
  font-weight: 100; }

.weight-light {
  font-weight: 300; }

.weight-regular {
  font-weight: 500; }

.weight-bold {
  font-weight: 700; }

@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-300.eot");
  src: url("../fonts/Roboto-300.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-300.woff2") format("woff2"), url("../fonts/Roboto-300.woff") format("woff"), url("../fonts/Roboto-300.ttf") format("truetype"), url("../fonts/Roboto-300.svg#robotolight") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-400.eot");
  src: url("../fonts/Roboto-400.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-400.woff2") format("woff2"), url("../fonts/Roboto-400.woff") format("woff"), url("../fonts/Roboto-400.ttf") format("truetype"), url("../fonts/Roboto-400.svg#robotonormal") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-500.eot");
  src: url("../fonts/Roboto-500.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-500.woff2") format("woff2"), url("../fonts/Roboto-500.woff") format("woff"), url("../fonts/Roboto-500.ttf") format("truetype"), url("../fonts/Roboto-500.svg#robotomedium") format("svg");
  font-weight: 500;
  font-style: normal; }
.icon-logo-white, .topbar .logo, .icon-logo-color, .topbar-loggedout .logo {
  background-repeat: no-repeat;
  background-size: contain; }

.icon-logo-white, .topbar .logo {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMTk3cHgiIGhlaWdodD0iNTRweCIgdmlld0JveD0iMCAwIDE5NyA1NCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+ICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy41LjEgKDI1MjM0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4gICAgPHRpdGxlPmxvZ288L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4gICAgICAgIDxnIGlkPSJsb2dvLXZpc2l0b3IiIHNrZXRjaDp0eXBlPSJNU0xheWVyR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuMDAwMDAwLCAwLjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPiAgICAgICAgICAgIDxwYXRoIGQ9Ik05LjQsMTQuMiBMOS40LDcuNSBDOS40LDQuOSA4LjMsMy43IDUuNiwzLjcgTC0zLjQxMDYwNTEzZS0xMywzLjcgTC0zLjQxMDYwNTEzZS0xMyw4LjYgTDIuNCw4LjYgQzMuMiw4LjYgMy43LDkgMy43LDkuOSBMMy43LDQyLjMgTDkuMiw0Mi4zIEw5LjIsNDAuMiBDOS4yLDM4LjkgMTQuMTg4MDUwNSw0MyAxOC42LDQzIEMyNi40LDQzIDMyLjEsMzYuOSAzMi4xLDI3LjQgQzMyLjEsMTguMSAyNywxMS44IDE5LDExLjggQzEyLDExLjggOS40LDE1LjYgOS40LDE0LjIgWiBNMTcuNiwzNi44IEMxMi4yLDM2LjggOS40LDMyLjEgOS40LDI3LjQgQzkuNCwyMC43IDEzLjUsMTcuOSAxNy43LDE3LjkgQzIyLjUsMTcuOSAyNS45LDIxLjYgMjUuOSwyNy4zIEMyNiwzMy40IDIyLjIsMzYuOCAxNy42LDM2LjggTDE3LjYsMzYuOCBaIiBpZD0iU2hhcGUiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4gICAgICAgICAgICA8cGF0aCBkPSJNMzYuNiw5LjkgQzM2LjYsOSAzNi4xLDguNiAzNS4zLDguNiBMMzIuOSw4LjYgTDMyLjksMy43IEwzOC42LDMuNyBDNDEuMiwzLjcgNDIuNCw0LjggNDIuNCw3LjUgTDQyLjQsMzYuMSBDNDIuNCwzNyA0Mi45LDM3LjQgNDMuNywzNy40IEw0Ni4xLDM3LjQgTDQ2LjEsNDIuMyBMNDAuNCw0Mi4zIEMzNy44LDQyLjMgMzYuNiw0MS4yIDM2LjYsMzguNSBMMzYuNiw5LjkgTDM2LjYsOS45IFoiIGlkPSJTaGFwZSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPiAgICAgICAgICAgIDxwYXRoIGQ9Ik01MS44LDE4LjYgQzUxLjgsMTcuNyA1MS4zLDE3LjMgNTAuNSwxNy4zIEw0OC4xLDE3LjMgTDQ4LjEsMTIuNCBMNTMuNywxMi40IEM1Ni4zLDEyLjQgNTcuNSwxMy41IDU3LjUsMTYuMiBMNTcuNSwzNiBDNTcuNSwzNi45IDU4LDM3LjMgNTguOCwzNy4zIEw2MS4yLDM3LjMgTDYxLjIsNDIuMiBMNTUuNiw0Mi4yIEM1Myw0Mi4yIDUxLjgsNDEuMSA1MS44LDM4LjQgTDUxLjgsMTguNiBMNTEuOCwxOC42IFogTTUxLjksMy43IEw1NywzLjcgTDU3LDkuNiBMNTEuOSw5LjYgTDUxLjksMy43IEw1MS45LDMuNyBaIiBpZD0iU2hhcGUiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4gICAgICAgICAgICA8cGF0aCBkPSJNNjYuNywxOC42IEM2Ni43LDE3LjcgNjYuMiwxNy4zIDY1LjQsMTcuMyBMNjMsMTcuMyBMNjMsMTIuNCBMNjguNCwxMi40IEM3MSwxMi40IDcyLjEsMTMuNSA3Mi4xLDE1LjQgQzcyLjEsMTYuMyA3MiwxNyA3MiwxNyBDNzIsMTcgNzQuNiwxMS43IDgyLDExLjcgQzkwLDExLjcgOTUuMSwxOC4xIDk1LjEsMjcuMyBDOTUuMSwzNi44IDg5LjMsNDIuOSA4MS42LDQyLjkgQzc1LDQyLjkgNzIuNSwzOS4yIDcyLjUsNDAuNyBMNzIuNSw1NCBMNjYuOCw1NCBMNjYuOCwxOC42IEw2Ni43LDE4LjYgWiBNODguNywyNy40IEM4OC43LDIxLjcgODUuMywxOCA4MC41LDE4IEM3Ni4yLDE4IDcyLjIsMjAuOCA3Mi4yLDI3LjUgQzcyLjIsMzIuMiA3NSwzNi44IDgwLjQsMzYuOCBDODUsMzYuOCA4OC43LDMzLjQgODguNywyNy40IFoiIGlkPSJTaGFwZSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPiAgICAgICAgICAgIDxwYXRoIGQ9Ik05Ny42LDE3LjEgTDk3LjYsMTIuNSBMMTAxLjMsMTIuNSBMMTAxLjMsMTEuNSBDMTAxLjMsMS43IDEwOC44LDAuNCAxMTIuNSwwLjQgQzExMy44LDAuNCAxMTQuNywwLjYgMTE0LjcsMC42IEMxMTQuNywwLjYgMTE0LjcsNS41MDAwMDAxIDExNC43LDUuNSBDMTE0LjcsNS40OTk5OTk5IDExNC4xLDUuNCAxMTMuMiw1LjQgQzExMSw1LjQgMTA3LDYuMSAxMDcsMTEuNiBMMTA3LDEyLjUgTDExNC4xLDEyLjUgTDExNC4xLDE3LjEgTDEwNywxNy4xIEwxMDcsNDIuMyBMMTAxLjMsNDIuMyBMMTAxLjMsMTcuMSBMOTcuNiwxNy4xIFoiIGlkPSJTaGFwZSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNDUuOCwxNS4xIEwxNDUuOCwxMC41IEwxNDkuOCwxMC41IEwxNDkuOCwxLjMgTDE1NS40LDEuMyBMMTU1LjQsMTAuNSBMMTYyLjUsMTAuNSBMMTYyLjUsMTUuMSBMMTU1LjQsMTUuMSBMMTU1LjQsMzAuOCBDMTU1LjQsMzYuNyAxNTkuNSwzNy41IDE2MS43LDM3LjUgQzE2Mi41LDM3LjUgMTYzLjEsMzcuNCAxNjMuMSwzNy40IEMxNjMuMSwzNy40IDE2My4xNzQzODgsNDIuMzA2NTkwOCAxNjMuMSw0Mi41IEMxNjMuMDI1NjEyLDQyLjY5MzQwOTIgMTYyLjMsNDIuNiAxNjEuMSw0Mi42IEMxNTcuMyw0Mi42IDE0OS43LDQxLjQgMTQ5LjcsMzEuNSBMMTQ5LjcsMTUuMSBMMTQ1LjgsMTUuMSBaIiBpZD0iU2hhcGUiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4gICAgICAgICAgICA8cGF0aCBkPSJNMTc5LjgsMTEuOCBDMTcwLjksMTEuOCAxNjMuOCwxOC4zIDE2My44LDI3LjMgQzE2My44LDM2LjQgMTcwLjksNDMgMTc5LjgsNDMgQzE4OC43LDQzIDE5NS45LDM2LjQgMTk1LjksMjcuMyBDMTk1LjgsMTguMyAxODguNywxMS44IDE3OS44LDExLjggTDE3OS44LDExLjggWiBNMTc5LjksMzcuNSBDMTczLjYsMzcuNSAxNzAuMywzMi41IDE3MC4zLDI3LjUgQzE3MC4zLDIwLjMgMTc1LjEsMTcuNCAxODAuMiwxNy40IEMxODUuOSwxNy40IDE4OS44LDIxLjQgMTg5LjgsMjcuNSBDMTg5LjcsMzMuOCAxODUuMywzNy41IDE3OS45LDM3LjUgTDE3OS45LDM3LjUgWiIgaWQ9IlNoYXBlIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+ICAgICAgICAgICAgPHBhdGggZD0iTTEyOS44LDExLjggQzEyMC45LDExLjggMTEzLjgsMTguMyAxMTMuOCwyNy4zIEMxMTMuOCwzNi40IDEyMC45LDQzIDEyOS44LDQzIEMxMzguNyw0MyAxNDUuOSwzNi40IDE0NS45LDI3LjMgQzE0NS44LDE4LjMgMTM4LjcsMTEuOCAxMjkuOCwxMS44IEwxMjkuOCwxMS44IFogTTEyOS45LDM3LjUgQzEyMy42LDM3LjUgMTIwLjMsMzIuNSAxMjAuMywyNy41IEMxMjAuMywyMC4zIDEyNS4xLDE3LjQgMTMwLjIsMTcuNCBDMTM1LjksMTcuNCAxMzkuOCwyMS40IDEzOS44LDI3LjUgQzEzOS43LDMzLjggMTM1LjMsMzcuNSAxMjkuOSwzNy41IEwxMjkuOSwzNy41IFoiIGlkPSJTaGFwZSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+");
  background-repeat: no-repeat; }

.icon-logo-color, .topbar-loggedout .logo {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMTk3cHgiIGhlaWdodD0iNTRweCIgdmlld0JveD0iMCAwIDE5NyA1NCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+PCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjUuMSAoMjUyMzQpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPjx0aXRsZT5sb2dvPC90aXRsZT48ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz48ZGVmcz48L2RlZnM+PGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+PGcgaWQ9ImxvZ28tdmlzaXRvciIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMDAwMDAsIDAuMDAwMDAwKSIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTkuNCwxNC4yIEw5LjQsNy41IEM5LjQsNC45IDguMywzLjcgNS42LDMuNyBMLTMuNDEwNjA1MTNlLTEzLDMuNyBMLTMuNDEwNjA1MTNlLTEzLDguNiBMMi40LDguNiBDMy4yLDguNiAzLjcsOSAzLjcsOS45IEwzLjcsNDIuMyBMOS4yLDQyLjMgTDkuMiw0MC4yIEM5LjIsMzguOSAxNC4xODgwNTA1LDQzIDE4LjYsNDMgQzI2LjQsNDMgMzIuMSwzNi45IDMyLjEsMjcuNCBDMzIuMSwxOC4xIDI3LDExLjggMTksMTEuOCBDMTIsMTEuOCA5LjQsMTUuNiA5LjQsMTQuMiBaIE0xNy42LDM2LjggQzEyLjIsMzYuOCA5LjQsMzIuMSA5LjQsMjcuNCBDOS40LDIwLjcgMTMuNSwxNy45IDE3LjcsMTcuOSBDMjIuNSwxNy45IDI1LjksMjEuNiAyNS45LDI3LjMgQzI2LDMzLjQgMjIuMiwzNi44IDE3LjYsMzYuOCBMMTcuNiwzNi44IFoiIGlkPSJTaGFwZSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPjxwYXRoIGQ9Ik0zNi42LDkuOSBDMzYuNiw5IDM2LjEsOC42IDM1LjMsOC42IEwzMi45LDguNiBMMzIuOSwzLjcgTDM4LjYsMy43IEM0MS4yLDMuNyA0Mi40LDQuOCA0Mi40LDcuNSBMNDIuNCwzNi4xIEM0Mi40LDM3IDQyLjksMzcuNCA0My43LDM3LjQgTDQ2LjEsMzcuNCBMNDYuMSw0Mi4zIEw0MC40LDQyLjMgQzM3LjgsNDIuMyAzNi42LDQxLjIgMzYuNiwzOC41IEwzNi42LDkuOSBMMzYuNiw5LjkgWiIgaWQ9IlNoYXBlIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+PHBhdGggZD0iTTUxLjgsMTguNiBDNTEuOCwxNy43IDUxLjMsMTcuMyA1MC41LDE3LjMgTDQ4LjEsMTcuMyBMNDguMSwxMi40IEw1My43LDEyLjQgQzU2LjMsMTIuNCA1Ny41LDEzLjUgNTcuNSwxNi4yIEw1Ny41LDM2IEM1Ny41LDM2LjkgNTgsMzcuMyA1OC44LDM3LjMgTDYxLjIsMzcuMyBMNjEuMiw0Mi4yIEw1NS42LDQyLjIgQzUzLDQyLjIgNTEuOCw0MS4xIDUxLjgsMzguNCBMNTEuOCwxOC42IEw1MS44LDE4LjYgWiBNNTEuOSwzLjcgTDU3LDMuNyBMNTcsOS42IEw1MS45LDkuNiBMNTEuOSwzLjcgTDUxLjksMy43IFoiIGlkPSJTaGFwZSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPjxwYXRoIGQ9Ik02Ni43LDE4LjYgQzY2LjcsMTcuNyA2Ni4yLDE3LjMgNjUuNCwxNy4zIEw2MywxNy4zIEw2MywxMi40IEw2OC40LDEyLjQgQzcxLDEyLjQgNzIuMSwxMy41IDcyLjEsMTUuNCBDNzIuMSwxNi4zIDcyLDE3IDcyLDE3IEM3MiwxNyA3NC42LDExLjcgODIsMTEuNyBDOTAsMTEuNyA5NS4xLDE4LjEgOTUuMSwyNy4zIEM5NS4xLDM2LjggODkuMyw0Mi45IDgxLjYsNDIuOSBDNzUsNDIuOSA3Mi41LDM5LjIgNzIuNSw0MC43IEw3Mi41LDU0IEw2Ni44LDU0IEw2Ni44LDE4LjYgTDY2LjcsMTguNiBaIE04OC43LDI3LjQgQzg4LjcsMjEuNyA4NS4zLDE4IDgwLjUsMTggQzc2LjIsMTggNzIuMiwyMC44IDcyLjIsMjcuNSBDNzIuMiwzMi4yIDc1LDM2LjggODAuNCwzNi44IEM4NSwzNi44IDg4LjcsMzMuNCA4OC43LDI3LjQgWiIgaWQ9IlNoYXBlIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+PHBhdGggZD0iTTk3LjYsMTcuMSBMOTcuNiwxMi41IEwxMDEuMywxMi41IEwxMDEuMywxMS41IEMxMDEuMywxLjcgMTA4LjgsMC40IDExMi41LDAuNCBDMTEzLjgsMC40IDExNC43LDAuNiAxMTQuNywwLjYgQzExNC43LDAuNiAxMTQuNyw1LjUwMDAwMDEgMTE0LjcsNS41IEMxMTQuNyw1LjQ5OTk5OTkgMTE0LjEsNS40IDExMy4yLDUuNCBDMTExLDUuNCAxMDcsNi4xIDEwNywxMS42IEwxMDcsMTIuNSBMMTE0LjEsMTIuNSBMMTE0LjEsMTcuMSBMMTA3LDE3LjEgTDEwNyw0Mi4zIEwxMDEuMyw0Mi4zIEwxMDEuMywxNy4xIEw5Ny42LDE3LjEgWiIgaWQ9IlNoYXBlIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+PHBhdGggZD0iTTE0NS44LDE1LjEgTDE0NS44LDEwLjUgTDE0OS44LDEwLjUgTDE0OS44LDEuMyBMMTU1LjQsMS4zIEwxNTUuNCwxMC41IEwxNjIuNSwxMC41IEwxNjIuNSwxNS4xIEwxNTUuNCwxNS4xIEwxNTUuNCwzMC44IEMxNTUuNCwzNi43IDE1OS41LDM3LjUgMTYxLjcsMzcuNSBDMTYyLjUsMzcuNSAxNjMuMSwzNy40IDE2My4xLDM3LjQgQzE2My4xLDM3LjQgMTYzLjE3NDM4OCw0Mi4zMDY1OTA4IDE2My4xLDQyLjUgQzE2My4wMjU2MTIsNDIuNjkzNDA5MiAxNjIuMyw0Mi42IDE2MS4xLDQyLjYgQzE1Ny4zLDQyLjYgMTQ5LjcsNDEuNCAxNDkuNywzMS41IEwxNDkuNywxNS4xIEwxNDUuOCwxNS4xIFoiIGlkPSJTaGFwZSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPjxwYXRoIGQ9Ik0xNzkuOCwxMS44IEMxNzAuOSwxMS44IDE2My44LDE4LjMgMTYzLjgsMjcuMyBDMTYzLjgsMzYuNCAxNzAuOSw0MyAxNzkuOCw0MyBDMTg4LjcsNDMgMTk1LjksMzYuNCAxOTUuOSwyNy4zIEMxOTUuOCwxOC4zIDE4OC43LDExLjggMTc5LjgsMTEuOCBMMTc5LjgsMTEuOCBaIE0xNzkuOSwzNy41IEMxNzMuNiwzNy41IDE3MC4zLDMyLjUgMTcwLjMsMjcuNSBDMTcwLjMsMjAuMyAxNzUuMSwxNy40IDE4MC4yLDE3LjQgQzE4NS45LDE3LjQgMTg5LjgsMjEuNCAxODkuOCwyNy41IEMxODkuNywzMy44IDE4NS4zLDM3LjUgMTc5LjksMzcuNSBMMTc5LjksMzcuNSBaIiBpZD0iU2hhcGUiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD48cGF0aCBkPSJNMTI5LjgsMTEuOCBDMTIwLjksMTEuOCAxMTMuOCwxOC4zIDExMy44LDI3LjMgQzExMy44LDM2LjQgMTIwLjksNDMgMTI5LjgsNDMgQzEzOC43LDQzIDE0NS45LDM2LjQgMTQ1LjksMjcuMyBDMTQ1LjgsMTguMyAxMzguNywxMS44IDEyOS44LDExLjggTDEyOS44LDExLjggWiBNMTI5LjksMzcuNSBDMTIzLjYsMzcuNSAxMjAuMywzMi41IDEyMC4zLDI3LjUgQzEyMC4zLDIwLjMgMTI1LjEsMTcuNCAxMzAuMiwxNy40IEMxMzUuOSwxNy40IDEzOS44LDIxLjQgMTM5LjgsMjcuNSBDMTM5LjcsMzMuOCAxMzUuMywzNy41IDEyOS45LDM3LjUgTDEyOS45LDM3LjUgWiIgaWQ9IlNoYXBlIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+PC9nPjwvZz48L3N2Zz4=");
  background-repeat: no-repeat; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: "";
  content: none; }

q:before, q:after {
  content: "";
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.background-dark, .bg-dark, .topbar, .footer, .footer_message {
  background-color: #212121; }

.background-green, .bg-green {
  background-color: #6CB33F; }

.background-blue, .bg-blue {
  background-color: #0095D5; }

.background-red, .bg-red {
  background-color: #DB3936; }

.background-purple, .bg-purple {
  background-color: #D43198; }

.background-lime, .bg-lime {
  background-color: #e4e76d; }

.background-light-orange, .bg-light-orange {
  background-color: #ffc709; }

.background-dark-orange, .bg-dark-orange {
  background-color: #e08F27; }

* {
  box-sizing: border-box; }

/* Elements */
html {
  height: 100%; }

body, html {
  margin: 0;
  padding: 0; }

body {
  min-height: 100%;
  height: 100%;
  position: relative;
  font-family: "Museo", sans-serif;
  color: #202021; }

a {
  color: #0096D5;
  text-decoration: underline; }
  a.no-underline {
    text-decoration: none; }
  a:hover {
    text-decoration: none; }
    a:hover.no-underline {
      text-decoration: underline; }

section {
  max-width: 1400px;
  padding: 0 10px;
  margin: 0 auto 30px;
  /* inset nested sections */ }
  section > section {
    margin-left: 30px; }

h1, h2, h3, h4, h5, h6, ol, ul {
  line-height: 1.4;
  margin-bottom: 15px; }

h2 {
  font-size: 1.3rem; }
  h2.activities_title {
    color: #595959;
    margin: 3rem 2rem 1rem 0; }
    h2.activities_title.first {
      margin-top: 1rem; }

ol, ul {
  margin-left: 15px; }
  ol.bare, ul.bare {
    margin: 0;
    list-style: none; }

li, p {
  margin-bottom: 10px;
  line-height: 1.4; }

pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  word-wrap: break-word; }

pre, code {
  border-radius: 2px;
  font-family: "Monaco", "Consolas", "Lucida console", "monospace"; }

code {
  margin: 0 3px;
  font-size: 90%;
  background: #e9edf2; }

.user-content {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  word-wrap: break-word; }
  .user-content b, .user-content strong {
    font-weight: 400; }

.clear {
  clear: both; }

/* Tables */
table {
  width: 100%;
  margin-bottom: 15px; }

tr {
  text-align: left; }
  tr > :first-child {
    padding-left: 0; }

th, td {
  padding: 10px; }

table.striped th, table.striped tr:nth-child(even) td {
  background-color: #efefef; }

/* Structural */
#main-inner {
  padding-top: 40px;
  padding-bottom: 60px; }
  #main-inner.collapse {
    margin: 0;
    padding: 0; }
  @media only screen and (max-width: 400px) {
    #main-inner {
      padding-top: 15px;
      padding-bottom: 0; } }

/** Date box **/
.datebox {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.9);
  padding: 6px 10px;
  text-align: center;
  border: 2px solid rgba(0, 0, 0, 0.9);
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  .datebox .day, .datebox .month {
    display: block; }
  .datebox .day {
    font-size: 1.15rem; }
  .datebox .month {
    font-size: 1rem; }

/** Sidebar **/
.sidebar-wrapper {
  position: relative;
  padding-left: 0;
  /* shift the anchors up so they don't appear underneath the fixed header */ }
  .sidebar-wrapper .nav {
    position: static;
    top: 0;
    left: 0;
    width: 100%; }
  .sidebar-wrapper .nav, .sidebar-wrapper h3 {
    max-width: 550px; }
  .sidebar-wrapper h3 {
    position: relative;
    margin-top: 40px;
    padding-right: 100px; }
    .sidebar-wrapper h3 a {
      display: block;
      position: absolute;
      top: 4px;
      right: 0;
      font-size: 1.2rem;
      text-decoration: none; }
  .sidebar-wrapper #menu, .sidebar-wrapper #sidebar {
    position: relative;
    top: -120px; }
  @media only screen and (min-width: 750px) {
    .sidebar-wrapper {
      padding-left: 240px; }
      .sidebar-wrapper .nav {
        position: absolute;
        width: 200px; }
      .sidebar-wrapper h3 a {
        display: none; } }
  @media only screen and (min-width: 850px) {
    .sidebar-wrapper {
      padding-left: 340px; }
      .sidebar-wrapper .nav {
        width: 300px; } }

#main {
  min-height: 100%;
  background: #FFF;
  position: relative;
  padding: 130px 0 146px;
  margin: -130px 0 -146px; }
  .signed-in #main {
    margin-top: -70px;
    padding-top: 70px; }

/** Webviews; remove header & footer, keep content flush with top of screen **/
.webview .topbar, .webview .footer {
  display: none; }
.webview #status {
  padding-top: 0 !important; }
.webview #main {
  padding-bottom: 0;
  margin-bottom: 0; }

#body_inner {
  height: 100%;
  position: relative;
  right: 0;
  z-index: 2; }

body.mobile-menu-open #body_inner, body.mobile-menu-open .topbar {
  right: 300px; }

.text-smaller {
  font-size: .875rem; }

.center {
  text-align: center; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.text-left {
  text-align: left; }

@media only screen and (min-width: 40.063em) {
  .medium-text-right {
    text-align: right; }

  .medium-text-left {
    text-align: right; }

  .medium-text-center {
    text-align: center; } }
.right {
  float: right; }

.left {
  float: left; }

.usercallout {
  min-height: 65px; }
  .usercallout .frame {
    float: left;
    margin-top: 0;
    margin-left: 0; }
  .usercallout .text {
    float: left;
    margin: 0 0 0 5px;
    font-size: 13px;
    color: #212121; }
    .usercallout .text h2 {
      font-size: 21px;
      margin: 0;
      font-family: Roboto, sans-serif;
      font-weight: 400;
      clear: right;
      color: #212121; }
    .usercallout .text a {
      text-decoration: none;
      color: inherit; }
      .usercallout .text a:hover {
        text-decoration: underline; }
      .usercallout .text a i {
        color: #008cc7; }

.transparent-pixel {
  background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); }

.info {
  padding: 1rem;
  color: #fff; }

/** Maps stuff which has to be here as we sometimes load it in an overlay */
#places_searchbox {
  position: absolute;
  top: 3px;
  right: 2px;
  width: 300px;
  left: auto !important; }

.pac-container {
  z-index: 10001 !important; }

.image {
  display: inline-block; }
  .image.border {
    border: 1px solid #e0e0e0; }
  .image.small img {
    display: block;
    max-width: 60px;
    max-height: 60px; }

/** Loader animation **/
.loader {
  display: inline-block;
  position: relative;
  text-indent: -9999em;
  vertical-align: text-top;
  border: 2px solid #eaeaea;
  border-left-color: #0095d5;
  -webkit-animation: loader 1.1s infinite linear;
  animation: loader 1.1s infinite linear; }

.loader, .loader:after {
  border-radius: 50%;
  width: 100px;
  height: 100px; }

@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@font-face {
  font-family: blipicons;
  src: url("../fonts/blipicons_1-1.eot");
  src: url("../fonts/blipicons_1-1?#iefix") format("embedded-opentype"), url("../fonts/blipicons_1-1.woff") format("woff"), url("../fonts/blipicons_1-1.ttf") format("truetype"), url("../fonts/blipicons_1-1.svg#batchregular") format("svg");
  font-weight: normal;
  font-style: normal; }
.icon {
  display: inline-block;
  vertical-align: middle;
  width: 1.125em;
  text-align: center;
  line-height: 1em;
  position: relative;
  /***
  * Custom rotations for styles
  ***/
  /***
  * Custom colors
  ***/
  /**
  * Notification
  **/ }
  .icon:before {
    font-family: blipicons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    content: "\2b24";
    line-height: 1; }
  .icon.icon-times:before {
    content: "\61"; }
  .icon.icon-android:before {
    content: "\62"; }
  .icon.icon-apple:before {
    content: "\63"; }
  .icon.icon-expand-4:before {
    content: "\64"; }
  .icon.icon-facebook:before {
    content: "\65"; }
  .icon.icon-share:before {
    content: "\66"; }
  .icon.icon-twitter:before {
    content: "\67"; }
  .icon.icon-upload-state4:before {
    content: "\68"; }
  .icon.icon-triangle-left:before {
    content: "\69"; }
  .icon.icon-triangle-right:before, .icon.icon-triangle-down:before {
    content: "\6a"; }
  .icon.icon-add:before {
    content: "\6b"; }
  .icon.icon-bell-2:before {
    content: "\6c"; }
  .icon.icon-browser-download-2:before, .icon.icon-sign-out:before {
    content: "\6d"; }
  .icon.icon-sleep:before {
    content: "\6e"; }
  .icon.icon-settings:before {
    content: "\6f"; }
  .icon.icon-search:before {
    content: "\70"; }
  .icon.icon-revert:before {
    content: "\71"; }
  .icon.icon-return:before {
    content: "\72"; }
  .icon.icon-podcast:before {
    content: "\73"; }
  .icon.icon-pin:before {
    content: "\74"; }
  .icon.icon-pencil:before {
    content: "\75"; }
  .icon.icon-menu-2:before {
    content: "\76"; }
  .icon.icon-heart-full:before {
    content: "\77"; }
  .icon.icon-calendar:before {
    content: "\78"; }
  .icon.icon-bulb-2:before {
    content: "\79"; }
  .icon.icon-browser-upload-2:before, .icon.icon-sign-in:before {
    content: "\7a"; }
  .icon.icon-star-2:before {
    content: "\41"; }
  .icon.icon-speech-bubble-left-3:before {
    content: "\42"; }
  .icon.icon-support:before {
    content: "\43"; }
  .icon.icon-tag:before {
    content: "\44"; }
  .icon.icon-user-3:before {
    content: "\45"; }
  .icon.icon-user-4:before {
    content: "\46"; }
  .icon.icon-user-4-add:before {
    content: "\47"; }
  .icon.icon-user-4-remove:before {
    content: "\48"; }
  .icon.icon-vinyl:before {
    content: "\49"; }
  .icon.icon-globe-world:before {
    content: "\4a"; }
  .icon.icon-brightness-high:before {
    content: "\4b"; }
  .icon.icon-flux:before {
    content: "\4c"; }
  .icon.icon-image:before {
    content: "\4d"; }
  .icon.icon-inbox-2:before {
    content: "\4e"; }
  .icon.icon-speech-bubble-right-4:before {
    content: "\4f"; }
  .icon.icon-layout-content-right-2:before, .icon.icon-layout-content-bottom-2:before {
    content: "\50"; }
  .icon.icon-flag-2:before {
    content: "\51"; }
  .icon.icon-camera:before {
    content: "\52"; }
  .icon.icon-bold:before {
    content: "\53"; }
  .icon.icon-italic:before {
    content: "\54"; }
  .icon.icon-underline:before {
    content: "\55"; }
  .icon.icon-link:before {
    content: "\56"; }
  .icon.icon-strikethrough:before {
    content: "\57"; }
  .icon.icon-crop:before {
    content: "\58"; }
  .icon.icon-check-mark:before {
    content: "\59"; }
  .icon.icon-eye:before {
    content: "\5a"; }
  .icon.icon-locked:before {
    content: "\30"; }
  .icon.icon-bar-chart:before {
    content: "\31"; }
  .icon.icon-bin-3:before {
    content: "\32"; }
  .icon.icon-member:before {
    content: "\33"; }
  .icon.icon-gift:before {
    content: "\34"; }
  .icon.icon.loading:before {
    content: url(/_assets/images/icons/loading.png); }
  .icon.icon-times {
    font-size: 1.25em; }
  .icon.icon-layout-content-bottom-2 {
    -webkit-transform: translate(-1px, -2px) rotate(90deg);
    -ms-transform: translate(-1px, -2px) rotate(90deg);
    transform: translate(-1px, -2px) rotate(90deg); }
  .icon.icon-triangle-down {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
  .icon.icon-sign-in {
    -webkit-transform: translate(1px, -1px) rotate(90deg);
    -ms-transform: translate(1px, -1px) rotate(90deg);
    transform: translate(1px, -1px) rotate(90deg); }
    .button .icon.icon-sign-in {
      margin-right: 3px; }
  .icon.icon-sign-out {
    -webkit-transform: translate(1px, -1px) rotate(-90deg);
    -ms-transform: translate(1px, -1px) rotate(-90deg);
    transform: translate(1px, -1px) rotate(-90deg); }
  .icon.icon-star-2.active {
    color: #ffc709; }
  .icon.icon-heart-full.active {
    color: #DB3936; }
  .icon.icon-gray {
    color: #999999; }
  .icon.notification:after {
    content: "";
    background-color: #DB3936;
    color: #ffffff;
    border-radius: 10px;
    z-index: 10;
    width: 15px;
    height: 15px;
    line-height: 16px;
    text-align: center;
    display: block;
    position: absolute;
    border: 1px solid #212121;
    top: -.25em;
    left: 1.25em;
    font-size: .75em; }

.fade {
  -webkit-transition: "opacity .2s";
  transition: "opacity .2s"; }
  .fade-enter {
    opacity: 0; }
    .fade-enter-active {
      opacity: 1; }
  .fade-leave {
    opacity: 1; }
    .fade-leave-active {
      opacity: 0; }

@keyframes loading {
  0% {
    background-size: 30px 30px,	0 0,	0 0,	0 0,	0 0,	0 0;
    background-position: 40% 45%; }
  10% {
    background-size: 0 0,	30px 30px,	0 0,	0 0,	0 0,	0 0;
    background-position: 44% 45%; }
  20% {
    background-size: 0 0,	0 0,	30px 30px,	0 0,	0 0,	0 0;
    background-position: 48% 45%; }
  30% {
    background-size: 0 0,	0 0,	0 0,	30px 30px,	0 0,	0 0;
    background-position: 52% 45%; }
  40% {
    background-size: 0 0,	0 0,	0 0,	0 0,	30px 30px,	0 0;
    background-position: 56% 45%; }
  50% {
    background-size: 0 0,	0 0,	0 0,	0 0,	0 0,	30px 30px;
    background-position: 60% 45%; }
  60% {
    background-size: 0 0,	0 0,	0 0,	0 0,	30px 30px,	0 0;
    background-position: 56% 45%; }
  70% {
    background-size: 0 0,	0 0,	0 0,	30px 30px,	0 0,	0 0;
    background-position: 52% 45%; }
  80% {
    background-size: 0 0,	0 0,	30px 30px,	0 0,	0 0,	0 0;
    background-position: 48% 45%; }
  90% {
    background-size: 0 0,	30px 30px,	0 0,	0 0,	0 0,	0 0;
    background-position: 44% 45%; }
  100% {
    background-size: 30px 30px,	0 0,	0 0,	0 0,	0 0,	0 0;
    background-position: 40% 45%; } }
@-webkit-keyframes loading {
  0% {
    background-size: 30px 30px,	0 0,	0 0,	0 0,	0 0,	0 0;
    background-position: 40% 45%; }
  10% {
    background-size: 0 0,	30px 30px,	0 0,	0 0,	0 0,	0 0;
    background-position: 44% 45%; }
  20% {
    background-size: 0 0,	0 0,	30px 30px,	0 0,	0 0,	0 0;
    background-position: 48% 45%; }
  30% {
    background-size: 0 0,	0 0,	0 0,	30px 30px,	0 0,	0 0;
    background-position: 52% 45%; }
  40% {
    background-size: 0 0,	0 0,	0 0,	0 0,	30px 30px,	0 0;
    background-position: 56% 45%; }
  50% {
    background-size: 0 0,	0 0,	0 0,	0 0,	0 0,	30px 30px;
    background-position: 60% 45%; }
  60% {
    background-size: 0 0,	0 0,	0 0,	0 0,	30px 30px,	0 0;
    background-position: 56% 45%; }
  70% {
    background-size: 0 0,	0 0,	0 0,	30px 30px,	0 0,	0 0;
    background-position: 52% 45%; }
  80% {
    background-size: 0 0,	0 0,	30px 30px,	0 0,	0 0,	0 0;
    background-position: 48% 45%; }
  90% {
    background-size: 0 0,	30px 30px,	0 0,	0 0,	0 0,	0 0;
    background-position: 44% 45%; }
  100% {
    background-size: 30px 30px,	0 0,	0 0,	0 0,	0 0,	0 0;
    background-position: 40% 45%; } }
@keyframes whiteToGrey {
  0% {
    color: #999999;
    -webkit-transition: none;
    transition: none; }
  50% {
    color: #999999; }
  100% {
    color: #323232;
    -webkit-transition: color 0.2s;
    transition: color 0.2s; } }
@-webkit-keyframes whiteToGrey {
  0% {
    color: #999999; }
  50% {
    color: #999999; }
  100% {
    color: #323232; } }
.row {
  width: 100%;
  margin: 0 auto;
  max-width: 82.5em; }

.row:before, .row:after {
  content: " ";
  display: table; }

.row:after {
  clear: both; }

.row.collapse > .column,
.row.collapse > .columns {
  padding-left: 0;
  padding-right: 0; }

.row.collapse .row {
  margin-left: 0;
  margin-right: 0; }

.row .row {
  width: auto;
  margin: 0 -0.9375em;
  max-width: none; }

.row .row:before, .row .row:after {
  content: " ";
  display: table; }

.row .row:after {
  clear: both; }

.row .row.collapse {
  width: auto;
  margin: 0;
  max-width: none; }

.row .row.collapse:before, .row .row.collapse:after {
  content: " ";
  display: table; }

.row .row.collapse:after {
  clear: both; }

.column,
.columns {
  padding-left: 0.9375em;
  padding-right: 0.9375em;
  width: 100%;
  float: left; }
  .column.alwaysdraw,
  .columns.alwaysdraw {
    min-height: 1px; }

[class*="column"] + [class*="column"]:last-child {
  float: right; }

[class*="column"] + [class*="column"].end {
  float: left; }

@media only screen {
  [class*=small-push-], [class*=small-pull-] {
    position: relative; }

  [class*=small-push-] {
    right: auto; }

  [class*=small-pull-] {
    left: auto; }

  .small-push-0 {
    left: 0%; }

  .small-pull-0 {
    right: 0%; }

  .small-push-1 {
    left: 8.33333%; }

  .small-pull-1 {
    right: 8.33333%; }

  .small-push-2 {
    left: 16.66667%; }

  .small-pull-2 {
    right: 16.66667%; }

  .small-push-3 {
    left: 25%; }

  .small-pull-3 {
    right: 25%; }

  .small-push-4 {
    left: 33.33333%; }

  .small-pull-4 {
    right: 33.33333%; }

  .small-push-5 {
    left: 41.66667%; }

  .small-pull-5 {
    right: 41.66667%; }

  .small-push-6 {
    left: 50%; }

  .small-pull-6 {
    right: 50%; }

  .small-push-7 {
    left: 58.33333%; }

  .small-pull-7 {
    right: 58.33333%; }

  .small-push-8 {
    left: 66.66667%; }

  .small-pull-8 {
    right: 66.66667%; }

  .small-push-9 {
    left: 75%; }

  .small-pull-9 {
    right: 75%; }

  .small-push-10 {
    left: 83.33333%; }

  .small-pull-10 {
    right: 83.33333%; }

  .small-push-11 {
    left: 91.66667%; }

  .small-pull-11 {
    right: 91.66667%; }

  .column,
  .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left; }

  .small-1 {
    width: 8.33333%; }

  .small-2 {
    width: 16.66667%; }

  .small-3 {
    width: 25%; }

  .small-4 {
    width: 33.33333%; }

  .small-5 {
    width: 41.66667%; }

  .small-6 {
    width: 50%; }

  .small-7 {
    width: 58.33333%; }

  .small-8 {
    width: 66.66667%; }

  .small-9 {
    width: 75%; }

  .small-10 {
    width: 83.33333%; }

  .small-11 {
    width: 91.66667%; }

  .small-12 {
    width: 100%; }

  .small-offset-0 {
    margin-left: 0% !important; }

  .small-offset-1 {
    margin-left: 8.33333% !important; }

  .small-offset-2 {
    margin-left: 16.66667% !important; }

  .small-offset-3 {
    margin-left: 25% !important; }

  .small-offset-4 {
    margin-left: 33.33333% !important; }

  .small-offset-5 {
    margin-left: 41.66667% !important; }

  .small-offset-6 {
    margin-left: 50% !important; }

  .small-offset-7 {
    margin-left: 58.33333% !important; }

  .small-offset-8 {
    margin-left: 66.66667% !important; }

  .small-offset-9 {
    margin-left: 75% !important; }

  .small-offset-10 {
    margin-left: 83.33333% !important; }

  .small-offset-11 {
    margin-left: 91.66667% !important; }

  .small-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }

  .column.small-centered,
  .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }

  .column.small-uncentered,
  .columns.small-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left; }

  .column.small-centered:last-child,
  .columns.small-centered:last-child {
    float: none; }

  .column.small-uncentered:last-child,
  .columns.small-uncentered:last-child {
    float: left; }

  .column.small-uncentered.opposite,
  .columns.small-uncentered.opposite {
    float: right; } }
@media only screen and (min-width: 40.063em) {
  [class*=medium-push-], [class*=medium-pull-] {
    position: relative; }

  [class*=medium-push-] {
    right: auto; }

  [class*=medium-pull-] {
    left: auto; }

  .medium-push-0 {
    left: 0%; }

  .medium-pull-0 {
    right: 0%; }

  .medium-push-1 {
    left: 8.33333%; }

  .medium-pull-1 {
    right: 8.33333%; }

  .medium-push-2 {
    left: 16.66667%; }

  .medium-pull-2 {
    right: 16.66667%; }

  .medium-push-3 {
    left: 25%; }

  .medium-pull-3 {
    right: 25%; }

  .medium-push-4 {
    left: 33.33333%; }

  .medium-pull-4 {
    right: 33.33333%; }

  .medium-push-5 {
    left: 41.66667%; }

  .medium-pull-5 {
    right: 41.66667%; }

  .medium-push-6 {
    left: 50%; }

  .medium-pull-6 {
    right: 50%; }

  .medium-push-7 {
    left: 58.33333%; }

  .medium-pull-7 {
    right: 58.33333%; }

  .medium-push-8 {
    left: 66.66667%; }

  .medium-pull-8 {
    right: 66.66667%; }

  .medium-push-9 {
    left: 75%; }

  .medium-pull-9 {
    right: 75%; }

  .medium-push-10 {
    left: 83.33333%; }

  .medium-pull-10 {
    right: 83.33333%; }

  .medium-push-11 {
    left: 91.66667%; }

  .medium-pull-11 {
    right: 91.66667%; }

  .column,
  .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left; }

  .medium-1 {
    width: 8.33333%; }

  .medium-2 {
    width: 16.66667%; }

  .medium-3 {
    width: 25%; }

  .medium-4 {
    width: 33.33333%; }

  .medium-5 {
    width: 41.66667%; }

  .medium-6 {
    width: 50%; }

  .medium-7 {
    width: 58.33333%; }

  .medium-8 {
    width: 66.66667%; }

  .medium-9 {
    width: 75%; }

  .medium-10 {
    width: 83.33333%; }

  .medium-11 {
    width: 91.66667%; }

  .medium-12 {
    width: 100%; }

  .medium-offset-0 {
    margin-left: 0% !important; }

  .medium-offset-1 {
    margin-left: 8.33333% !important; }

  .medium-offset-2 {
    margin-left: 16.66667% !important; }

  .medium-offset-3 {
    margin-left: 25% !important; }

  .medium-offset-4 {
    margin-left: 33.33333% !important; }

  .medium-offset-5 {
    margin-left: 41.66667% !important; }

  .medium-offset-6 {
    margin-left: 50% !important; }

  .medium-offset-7 {
    margin-left: 58.33333% !important; }

  .medium-offset-8 {
    margin-left: 66.66667% !important; }

  .medium-offset-9 {
    margin-left: 75% !important; }

  .medium-offset-10 {
    margin-left: 83.33333% !important; }

  .medium-offset-11 {
    margin-left: 91.66667% !important; }

  .medium-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }

  .column.medium-centered,
  .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }

  .column.medium-uncentered,
  .columns.medium-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left; }

  .column.medium-centered:last-child,
  .columns.medium-centered:last-child {
    float: none; }

  .column.medium-uncentered:last-child,
  .columns.medium-uncentered:last-child {
    float: left; }

  .column.medium-uncentered.opposite,
  .columns.medium-uncentered.opposite {
    float: right; } }
@media only screen and (min-width: 64.063em) {
  [class*=large-push-], [class*=large-pull-] {
    position: relative; }

  [class*=large-push-] {
    right: auto; }

  [class*=large-pull-] {
    left: auto; }

  .large-push-0 {
    left: 0%; }

  .large-pull-0 {
    right: 0%; }

  .large-push-1 {
    left: 8.33333%; }

  .large-pull-1 {
    right: 8.33333%; }

  .large-push-2 {
    left: 16.66667%; }

  .large-pull-2 {
    right: 16.66667%; }

  .large-push-3 {
    left: 25%; }

  .large-pull-3 {
    right: 25%; }

  .large-push-4 {
    left: 33.33333%; }

  .large-pull-4 {
    right: 33.33333%; }

  .large-push-5 {
    left: 41.66667%; }

  .large-pull-5 {
    right: 41.66667%; }

  .large-push-6 {
    left: 50%; }

  .large-pull-6 {
    right: 50%; }

  .large-push-7 {
    left: 58.33333%; }

  .large-pull-7 {
    right: 58.33333%; }

  .large-push-8 {
    left: 66.66667%; }

  .large-pull-8 {
    right: 66.66667%; }

  .large-push-9 {
    left: 75%; }

  .large-pull-9 {
    right: 75%; }

  .large-push-10 {
    left: 83.33333%; }

  .large-pull-10 {
    right: 83.33333%; }

  .large-push-11 {
    left: 91.66667%; }

  .large-pull-11 {
    right: 91.66667%; }

  .column,
  .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left; }

  .large-1 {
    width: 8.33333%; }

  .large-2 {
    width: 16.66667%; }

  .large-3 {
    width: 25%; }

  .large-4 {
    width: 33.33333%; }

  .large-5 {
    width: 41.66667%; }

  .large-6 {
    width: 50%; }

  .large-7 {
    width: 58.33333%; }

  .large-8 {
    width: 66.66667%; }

  .large-9 {
    width: 75%; }

  .large-10 {
    width: 83.33333%; }

  .large-11 {
    width: 91.66667%; }

  .large-12 {
    width: 100%; }

  .large-offset-0 {
    margin-left: 0% !important; }

  .large-offset-1 {
    margin-left: 8.33333% !important; }

  .large-offset-2 {
    margin-left: 16.66667% !important; }

  .large-offset-3 {
    margin-left: 25% !important; }

  .large-offset-4 {
    margin-left: 33.33333% !important; }

  .large-offset-5 {
    margin-left: 41.66667% !important; }

  .large-offset-6 {
    margin-left: 50% !important; }

  .large-offset-7 {
    margin-left: 58.33333% !important; }

  .large-offset-8 {
    margin-left: 66.66667% !important; }

  .large-offset-9 {
    margin-left: 75% !important; }

  .large-offset-10 {
    margin-left: 83.33333% !important; }

  .large-offset-11 {
    margin-left: 91.66667% !important; }

  .large-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }

  .column.large-centered,
  .columns.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }

  .column.large-uncentered,
  .columns.large-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left; }

  .column.large-centered:last-child,
  .columns.large-centered:last-child {
    float: none; }

  .column.large-uncentered:last-child,
  .columns.large-uncentered:last-child {
    float: left; }

  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right; } }
[class*="block-grid-"] {
  display: block;
  padding: 0;
  margin: 0 -0.9375rem; }

[class*="block-grid-"]:before, [class*="block-grid-"]:after {
  content: " ";
  display: table; }

[class*="block-grid-"]:after {
  clear: both; }

[class*="block-grid-"] > li {
  display: block;
  height: auto;
  float: left;
  padding: 0 0.625rem 1.25rem; }

@media only screen {
  [class*=small-block-grid-] > li {
    list-style: none; }
    [class*=small-block-grid-] > li:nth-of-type(1n) {
      clear: none; }

  .small-block-grid-1 > li {
    width: 100%; }
    .small-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .small-block-grid-2 > li {
    width: 50%; }
    .small-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .small-block-grid-3 > li {
    width: 33.33333%; }
    .small-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .small-block-grid-4 > li {
    width: 25%; }
    .small-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .small-block-grid-5 > li {
    width: 20%; }
    .small-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .small-block-grid-6 > li {
    width: 16.66667%; }
    .small-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .small-block-grid-7 > li {
    width: 14.28571%; }
    .small-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .small-block-grid-8 > li {
    width: 12.5%; }
    .small-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .small-block-grid-9 > li {
    width: 11.11111%; }
    .small-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .small-block-grid-10 > li {
    width: 10%; }
    .small-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .small-block-grid-11 > li {
    width: 9.09091%; }
    .small-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .small-block-grid-12 > li {
    width: 8.33333%; }
    .small-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
@media only screen and (min-width: 40.063em) {
  [class*=medium-block-grid-] > li {
    list-style: none; }
    [class*=medium-block-grid-] > li:nth-of-type(1n) {
      clear: none; }

  .medium-block-grid-1 > li {
    width: 100%; }
    .medium-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .medium-block-grid-2 > li {
    width: 50%; }
    .medium-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .medium-block-grid-3 > li {
    width: 33.33333%; }
    .medium-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .medium-block-grid-4 > li {
    width: 25%; }
    .medium-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .medium-block-grid-5 > li {
    width: 20%; }
    .medium-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .medium-block-grid-6 > li {
    width: 16.66667%; }
    .medium-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .medium-block-grid-7 > li {
    width: 14.28571%; }
    .medium-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .medium-block-grid-8 > li {
    width: 12.5%; }
    .medium-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .medium-block-grid-9 > li {
    width: 11.11111%; }
    .medium-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .medium-block-grid-10 > li {
    width: 10%; }
    .medium-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .medium-block-grid-11 > li {
    width: 9.09091%; }
    .medium-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .medium-block-grid-12 > li {
    width: 8.33333%; }
    .medium-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
@media only screen and (min-width: 64.063em) {
  [class*=large-block-grid-] > li {
    list-style: none; }
    [class*=large-block-grid-] > li:nth-of-type(1n) {
      clear: none; }

  .large-block-grid-1 > li {
    width: 100%; }
    .large-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .large-block-grid-2 > li {
    width: 50%; }
    .large-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .large-block-grid-3 > li {
    width: 33.33333%; }
    .large-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .large-block-grid-4 > li {
    width: 25%; }
    .large-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .large-block-grid-5 > li {
    width: 20%; }
    .large-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .large-block-grid-6 > li {
    width: 16.66667%; }
    .large-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .large-block-grid-7 > li {
    width: 14.28571%; }
    .large-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .large-block-grid-8 > li {
    width: 12.5%; }
    .large-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .large-block-grid-9 > li {
    width: 11.11111%; }
    .large-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .large-block-grid-10 > li {
    width: 10%; }
    .large-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .large-block-grid-11 > li {
    width: 9.09091%; }
    .large-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .large-block-grid-12 > li {
    width: 8.33333%; }
    .large-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
.row-300 {
  max-width: 330px;
  margin: 0 auto; }

.row-320 {
  max-width: 350px;
  margin: 0 auto; }

.row-450 {
  max-width: 480px;
  margin: 0 auto; }

.row-600 {
  max-width: 630px;
  margin: 0 auto; }

.row-800 {
  max-width: 830px;
  margin: 0 auto; }

.row-1320 {
  max-width: 1350px;
  margin: 0 auto; }

/* we need an extra 2px to prevent downscaling the entry image */
.row-960 {
  max-width: 992px;
  margin: 0 auto; }

.row-fullwidth {
  width: 100%;
  max-width: 100% !important; }

.row.bottom-margin {
  margin-bottom: 4em; }

form h1, form h2 {
  font-weight: normal; }
form h1 {
  font-size: 1.2rem; }
form h2 {
  font-size: 1rem; }

.input, fieldset label, input, select, textarea {
  font-family: "Roboto";
  font-weight: 300;
  color: #202021;
  width: 100%; }

fieldset {
  font-family: "Roboto";
  font-weight: 300;
  font-size: 0.95rem;
  /* Give fieldsets a max width; child controls will expand to fit */
  width: 100%;
  max-width: 550px;
  margin: 15px 0 30px 0;
  /* By default labels go on a line above the control */ }
  fieldset ol, fieldset ul {
    list-style: none;
    margin: 0; }
  fieldset label {
    padding: 10px 0;
    display: block; }
    fieldset label .hint {
      float: right;
      font-size: 0.75rem;
      line-height: 1.6; }
  fieldset .checkbox-info {
    margin: 10px 0 0 40px;
    font-size: 0.9rem; }
    fieldset .checkbox-info ul {
      margin-left: 40px;
      list-style: disc; }

fieldset.full {
  max-width: 100%; }

fieldset.grouped input, fieldset.grouped select, fieldset.grouped textarea {
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 0;
  border-bottom-color: transparent; }
fieldset.grouped :first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }
fieldset.grouped :last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-color: #ddd; }
fieldset.grouped input:focus {
  border-color: #0096D5; }

/* Style these controls the same */
input, select, textarea {
  font-size: 1rem;
  padding: 10px;
  outline: none;
  border: solid 1px #ddd;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

textarea {
  height: 200px; }
  textarea.bbcode {
    color: #fff; }

input:focus {
  border-color: #0096D5; }

/* Style checkboxes by hiding them, using the label as the click target, and a :before pseudo class to insert our custom style. */
input[type=checkbox], input[type=radio] {
  width: 30px;
  height: 30px;
  vertical-align: middle;
  visibility: hidden;
  /* When the label is empty, the label padding disappears causing the pseudo element to shift too far to the left; adjust to fix. */ }
  input[type=checkbox] + label, input[type=radio] + label {
    position: relative;
    display: inline; }
  input[type=checkbox] + label:before, input[type=radio] + label:before {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: -40px;
    width: 10px;
    height: 20px;
    padding: 4px 15px 8px 6px;
    font-size: 1.6rem;
    border: solid 1px #ddd;
    border-radius: 4px; }
  input[type=checkbox] + label:empty:before, input[type=radio] + label:empty:before {
    left: -35px; }
  table input[type=checkbox] + label, table input[type=radio] + label {
    display: block; }
    table input[type=checkbox] + label:before, table input[type=checkbox] + label:empty:before, table input[type=radio] + label:before, table input[type=radio] + label:empty:before {
      left: 0;
      top: -2.5rem; }

/* Set the checked state; note we're curently using unicode, but will want to switch to icons. */
input[type=checkbox]:checked + label:before {
  content: '\2714'; }

input[type=radio] + label:before {
  content: '\26aa'; }

input[type=radio]:checked + label:before {
  content: '\26ab'; }

.browse_grid {
  list-style: none; }
  .browse_grid:after {
    content: "";
    display: table;
    clear: both; }
  @media only screen and (min-width: 1000px) {
    .browse_grid.expand {
      margin: 0 -1.875rem;
      padding-top: 2.8875rem; }
      .browse_grid.expand li .image, .browse_grid.expand li .empty_grid_entry {
        top: 0;
        bottom: 3.75em;
        left: 1.875em;
        right: 1.875em; } }
  .browse_grid li {
    margin: 0;
    position: relative;
    padding: 0; }
    .browse_grid li .image, .browse_grid li .empty_grid_entry {
      display: block;
      background: #eee;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
    .browse_grid li .image {
      border: 1px solid #000;
      border-width: 0 1px 1px 0;
      text-decoration: none; }
      .browse_grid li .image img {
        width: 100%;
        display: block;
        height: auto; }
      .browse_grid li .image .text {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
        z-index: 6;
        padding: 5px 10px;
        color: #eee;
        overflow: hidden;
        text-overflow: ellipsis;
        text-shadow: 0 1px 1px #111;
        -webkit-transition: color 0.2s;
        transition: color 0.2s;
        white-space: nowrap;
        font-size: 12px;
        text-align: left; }
        .browse_grid li .image .text .title {
          display: block;
          font-size: 13px;
          font-weight: 700;
          color: #fff;
          overflow: hidden;
          text-overflow: ellipsis; }
      .browse_grid li .image:after {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 75%;
        content: " ";
        display: block;
        z-index: 5;
        background-image: -o-linear-gradient(-90deg, transparent 0, rgba(0, 0, 0, 0.55) 100%);
        background-image: -moz-linear-gradient(-90deg, transparent 0, rgba(0, 0, 0, 0.55) 100%);
        background-image: -ms-linear-gradient(-90deg, transparent 0, rgba(0, 0, 0, 0.55) 100%);
        background-image: linear-gradient(-180deg, transparent 0, rgba(0, 0, 0, 0.55) 100%); }
      .browse_grid li .image:hover {
        /*transform: scale(1.05);*/
        /*box-shadow: 0 0 10px rgba(0,0,0,.5);*/ }
        .browse_grid li .image:hover .text {
          color: #eee; }
          .browse_grid li .image:hover .text .title {
            color: #eee; }
      .browse_grid li .image:active {
        /*transform: scale(.95);*/
        /*box-shadow: 0 0 5px rgba(0,0,0,.5);*/ }
    .browse_grid li .empty_grid_entry {
      background: #f5f5f5;
      border: 1px dashed #ddd;
      text-align: center;
      position: absolute; }
      .browse_grid li .empty_grid_entry a {
        color: #595959;
        text-decoration: none;
        display: block;
        position: absolute;
        padding: 50% 0;
        margin: -.5em 1em;
        text-align: center;
        font-weight: 300;
        font-size: .75rem; }
        @media only screen and (min-width: 400px) {
          .browse_grid li .empty_grid_entry a {
            width: 100%;
            margin-right: 0;
            margin-left: 0;
            border-radius: 4px; } }
      .browse_grid li .empty_grid_entry.add a {
        font-size: .875rem;
        text-decoration: underline; }
        .browse_grid li .empty_grid_entry.add a:hover {
          text-decoration: none; }
    .browse_grid li:nth-child(1), .browse_grid li:nth-child(2), .browse_grid li:nth-child(3) {
      border-top: 1px solid #000; }
    .browse_grid li:nth-child(1) .empty_grid_entry {
      opacity: 1; }
    .browse_grid li:nth-child(2) .empty_grid_entry {
      opacity: 0.7; }
    .browse_grid li:nth-child(3) .empty_grid_entry {
      opacity: 0.4; }
    @media only screen and (min-width: 400px) {
      .browse_grid li:nth-child(1), .browse_grid li:nth-child(2), .browse_grid li:nth-child(3) {
        border-top: 0; }
      .browse_grid li .image, .browse_grid li .empty_grid_entry {
        top: 0.9357em;
        bottom: 0.9357em;
        left: 0.9357em;
        right: 0.9357em; }
      .browse_grid li .image {
        border: 1px solid #ddd; } }
  @media only screen {
    .browse_grid.small-block-grid-1 li {
      padding-bottom: 100%; }
    .browse_grid.small-block-grid-2 li {
      padding-bottom: 50%; }
    .browse_grid.small-block-grid-3 li {
      padding-bottom: 33.33333%; }
    .browse_grid.small-block-grid-4 li {
      padding-bottom: 25%; }
    .browse_grid.small-block-grid-5 li {
      padding-bottom: 20%; }
    .browse_grid.small-block-grid-6 li {
      padding-bottom: 16.66667%; }
    .browse_grid.small-block-grid-7 li {
      padding-bottom: 14.28571%; }
    .browse_grid.small-block-grid-8 li {
      padding-bottom: 12.5%; }
    .browse_grid.small-block-grid-9 li {
      padding-bottom: 11.11111%; }
    .browse_grid.small-block-grid-10 li {
      padding-bottom: 10%; }
    .browse_grid.small-block-grid-11 li {
      padding-bottom: 9.09091%; }
    .browse_grid.small-block-grid-12 li {
      padding-bottom: 8.33333%; } }
  @media only screen and (min-width: 40.063em) {
    .browse_grid.medium-block-grid-1 li {
      padding-bottom: 100%; }
    .browse_grid.medium-block-grid-2 li {
      padding-bottom: 50%; }
    .browse_grid.medium-block-grid-3 li {
      padding-bottom: 33.33333%; }
    .browse_grid.medium-block-grid-4 li {
      padding-bottom: 25%; }
    .browse_grid.medium-block-grid-5 li {
      padding-bottom: 20%; }
    .browse_grid.medium-block-grid-6 li {
      padding-bottom: 16.66667%; }
    .browse_grid.medium-block-grid-7 li {
      padding-bottom: 14.28571%; }
    .browse_grid.medium-block-grid-8 li {
      padding-bottom: 12.5%; }
    .browse_grid.medium-block-grid-9 li {
      padding-bottom: 11.11111%; }
    .browse_grid.medium-block-grid-10 li {
      padding-bottom: 10%; }
    .browse_grid.medium-block-grid-11 li {
      padding-bottom: 9.09091%; }
    .browse_grid.medium-block-grid-12 li {
      padding-bottom: 8.33333%; } }
  @media only screen and (min-width: 64.063em) {
    .browse_grid.large-block-grid-1 li {
      padding-bottom: 100%; }
    .browse_grid.large-block-grid-2 li {
      padding-bottom: 50%; }
    .browse_grid.large-block-grid-3 li {
      padding-bottom: 33.33333%; }
    .browse_grid.large-block-grid-4 li {
      padding-bottom: 25%; }
    .browse_grid.large-block-grid-5 li {
      padding-bottom: 20%; }
    .browse_grid.large-block-grid-6 li {
      padding-bottom: 16.66667%; }
    .browse_grid.large-block-grid-7 li {
      padding-bottom: 14.28571%; }
    .browse_grid.large-block-grid-8 li {
      padding-bottom: 12.5%; }
    .browse_grid.large-block-grid-9 li {
      padding-bottom: 11.11111%; }
    .browse_grid.large-block-grid-10 li {
      padding-bottom: 10%; }
    .browse_grid.large-block-grid-11 li {
      padding-bottom: 9.09091%; }
    .browse_grid.large-block-grid-12 li {
      padding-bottom: 8.33333%; } }

/* Buttons. This is a class (rather than depending on input[type] or <button>) as there are some instances eg file input where
we want to style an arbitrary element (span, a, label) to appear like a button. */
.button {
  width: auto;
  font-family: "Museo", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  background: #fff;
  padding: 8px 15px;
  border: solid #000 2px;
  border-radius: 40px;
  cursor: pointer;
  display: inline-block;
  margin: 0 0 10px;
  line-height: 1rem;
  -webkit-appearance: none;
  /* Workaround for Chrome / IE behaviour of keeping the hover state after input made active */
  /* :hover must come after :link and :visited in order to be effective */
  /* :active must come after :hover in order to be effective */
  /* Remove the outline since we're using rounded corners and refltecting states ourselves. */ }
  .button:not(:active) {
    color: #000;
    border-color: #202021; }
  .button:hover {
    color: #0096D5;
    border-color: #0096D5; }
  .button:active {
    color: #fff;
    background-color: #0096D5; }
  .button:active, .button:focus {
    outline: none; }
  .button:disabled {
    background-color: #fff !important;
    border-color: #B5B5B5 !important;
    color: #B5B5B5 !important;
    cursor: default !important;
    background-position: 10px 2px !important; }
  .button.alt {
    border-color: #fff;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    font-weight: 700; }
    .button.alt.transparent {
      background: transparent; }
    .button.alt:hover {
      border-color: #fff;
      color: #fff;
      background: rgba(150, 150, 150, 0.1); }
    .button.alt:active {
      background: rgba(0, 0, 0, 0.8); }
  .button.white {
    background: rgba(255, 255, 255, 0.3); }
  .button.smaller, .button.small {
    font-size: .8rem;
    margin-bottom: 0; }
  .button.small {
    padding: 2px 5px; }
  .button.medium {
    padding: 1rem 2rem;
    font-size: 1.1rem; }
  .button.large {
    font-size: 2rem;
    line-height: 1.5rem;
    padding: 16px 30px; }
    .button.large:disabled {
      background-position: 30px 6px !important; }

a.button {
  color: #202021;
  text-decoration: none; }

/* Each icon should have 3 states; we specify the background position based on the state.
Default icons are 30x90, large are 60x180 */
.button.icon {
  padding-left: 40px;
  background-repeat: no-repeat;
  background-position: 10px 2px; }

.button.icon:hover {
  background-position: 10px -28px; }

.button.icon:active {
  background-position: 10px -58px; }

.button.large.icon {
  padding-left: 100px;
  background-repeat: no-repeat;
  background-position: 30px 6px; }

.button.large.icon:hover {
  background-position: 30px -54px; }

.button.large.icon:active {
  background-position: 30px -114px; }

.button_escape {
  display: inline-block;
  padding-left: 20px; }

.button_separator {
  margin: 0 .5rem; }

/* loader and buttons */
.button.loading {
  position: relative;
  padding-right: 40px; }
  .button.loading .loader {
    position: absolute;
    display: inline-block;
    top: 8px;
    right: 10px; }
  .button.loading.large {
    padding-right: 70px; }
    .button.loading.large .loader {
      top: 14px;
      right: 16px; }

.button .loader, .button .loader:after {
  display: none;
  width: 18px;
  height: 18px; }

.button.large .loader, .button.large .loader:after {
  width: 30px;
  height: 30px; }

.frame {
  position: relative;
  max-width: 250px;
  display: inline-block;
  margin: 5px auto;
  width: 58px; }
  .frame a {
    padding: 3px 3px 10px;
    display: block;
    text-align: center;
    z-index: 5;
    position: relative;
    color: #202021;
    text-decoration: none; }
  .frame.large {
    margin: 20px auto 40px;
    width: 250px; }
    .frame.large a {
      padding: 15px 10px 3px; }
  .frame .image_wrapper {
    border: solid 1px #F0F0F0; }
    .frame .image_wrapper img {
      width: 100%;
      display: block; }
  .frame span {
    display: block;
    position: relative;
    text-align: center;
    padding: 10px 0;
    z-index: 5; }

.colour-strip, .colour-strip-pseudo:after {
  width: 100%;
  height: 5px;
  background: #888; }

.colour-strip-pseudo {
  position: relative; }
  .colour-strip-pseudo:after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0; }

.topbar a, .footer a, .mobilenav a {
  display: inline-block;
  font-weight: 700;
  font-size: 13px;
  color: #919191;
  text-decoration: none;
  margin: 0 .75rem; }
  .topbar a:hover, .footer a:hover, .mobilenav a:hover {
    color: #FFF; }
.topbar li.selected a, .footer li.selected a, .mobilenav li.selected a {
  color: #FFF; }
.topbar-loggedout a, .footer-loggedout a, .mobilenav-loggedout a {
  color: #595959; }
  .topbar-loggedout a:hover, .footer-loggedout a:hover, .mobilenav-loggedout a:hover {
    color: #999; }

.mobile-menu-animation, #body_inner, .topbar {
  -webkit-transition: right 0.3s ease-in-out;
  transition: right 0.3s ease-in-out; }

nav.mobilenav {
  position: fixed;
  top: 0;
  bottom: -20px;
  right: 0;
  width: 300px;
  background-color: #212121;
  z-index: 1;
  padding-left: 10px;
  display: none;
  box-shadow: 5px -15px 10px 5px rgba(0, 0, 0, 0.5) inset;
  overflow: scroll; }
  nav.mobilenav button {
    position: absolute;
    top: 20px;
    right: 20px; }
  nav.mobilenav ul {
    list-style: none;
    padding: 70px 0 20px;
    margin: 0; }
    nav.mobilenav ul li a {
      display: block;
      font-size: 15px;
      font-weight: 500;
      padding: 2px 0; }
      nav.mobilenav ul li a .icon {
        margin: 0 10px 0 0;
        font-size: 16px; }
        nav.mobilenav ul li a .icon.notification:after {
          top: -.75em;
          left: .75em; }
    nav.mobilenav ul li .divider {
      border-top: 1px solid #919191;
      padding-top: .75rem; }
    nav.mobilenav ul li .group {
      color: #5e5e5e;
      margin: 0 .75rem; }
      nav.mobilenav ul li .group a {
        display: inline-block;
        margin: 0 .35rem; }
        nav.mobilenav ul li .group a:first-child {
          margin-left: 32px; }
  nav.mobilenav #close-mobile-menu {
    position: absolute;
    top: 16px;
    right: 10px;
    display: block;
    margin: 0;
    padding: 10px 10px 0 0; }
    nav.mobilenav #close-mobile-menu .icon {
      margin-left: 0;
      margin-right: 0; }

/* Navigation */
.nav-container {
  overflow: hidden; }
  .nav-container h1, .nav-container h2 {
    float: left;
    padding-top: 12px;
    color: #595959;
    line-height: 1; }
  .nav-container h1 {
    font-size: 1.5rem;
    font-weight: 500;
    display: none; }
    @media only screen and (min-width: 640px) {
      .nav-container h1 {
        display: block; } }

.nav {
  list-style: none;
  margin-left: 0; }
  .nav a {
    display: block;
    color: #202021;
    text-decoration: none; }
  .nav li.active a {
    color: #B5B5B5;
    border-bottom-color: #B5B5B5; }
  .nav a:hover, .nav li.active a:hover {
    color: #0096D5; }

.nav.horizontal {
  overflow: hidden;
  margin-bottom: 10px;
  font-size: 1.125rem;
  display: flex;
  flex-wrap: wrap-reverse;
  flex-direction: row-reverse;
  /* Remove any separators and icons at this width */ }
  .nav.horizontal li {
    float: right;
    padding: 12px 10px;
    margin: 0; }
    .nav.horizontal li a {
      padding-bottom: 3px;
      border-bottom: solid 3px transparent;
      color: #595959; }
      .nav.horizontal li a:hover {
        color: #0096D5;
        border-bottom-color: #0096D5; }
    .nav.horizontal li.active a, .nav.horizontal li.active a:hover {
      color: #B5B5B5;
      border-bottom-color: #B5B5B5; }
  .nav.horizontal .separator {
    padding-left: 40px;
    position: relative; }
    .nav.horizontal .separator:before {
      position: absolute;
      display: block;
      content: ' ';
      top: 10px;
      left: 15px;
      width: 1px;
      height: 30px;
      background: #B5B5B5;
      opacity: 0.7; }
  @media only screen and (max-width: 699px) {
    .nav.horizontal i {
      display: none; } }
  @media only screen and (max-width: 599px) {
    .nav.horizontal {
      font-size: 0.9em; }
      .nav.horizontal li, .nav.horizontal .separator {
        padding: 8px 8px 0 8px; }
      .nav.horizontal .separator:before {
        display: none; } }
  @media only screen and (max-width: 399px) {
    .nav.horizontal {
      font-size: 0.8em; }
      .nav.horizontal .optional {
        display: none; } }

.nav.vertical {
  border-bottom: solid 1px #B5B5B5; }
  .nav.vertical li {
    border-top: solid 1px #B5B5B5;
    margin: 0; }
  .nav.vertical a {
    padding: 10px 0; }

.nav.segmented {
  overflow: hidden;
  margin-bottom: .8125rem;
  font-size: 0; }
  .nav.segmented li {
    font-size: .75rem;
    display: inline-block;
    width: 20%;
    margin: 0;
    text-align: center; }
    .nav.segmented li.active {
      background: transparent; }
      .nav.segmented li.active a {
        border-bottom-color: #B5B5B5; }
    .nav.segmented li a {
      display: inline-block;
      border-bottom: 3px solid transparent;
      margin-right: 3px;
      padding: 5px 0; }
      .nav.segmented li a:hover {
        border-bottom-color: #0096D5; }
  @media only screen and (min-width: 40.063em) {
    .nav.segmented li {
      display: list-item;
      float: left;
      font-size: .875rem;
      line-height: 1rem;
      border: solid 1px #B5B5B5;
      border-right: none; }
      .nav.segmented li:first-child {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px; }
      .nav.segmented li:last-child {
        border-right: solid 1px #B5B5B5;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px; }
      .nav.segmented li.active {
        background: #F2F2F2; }
        .nav.segmented li.active a {
          color: #212121; }
      .nav.segmented li a {
        padding: 15px 0;
        margin: 0;
        border: none;
        display: block; }
        .nav.segmented li a:hover {
          border-bottom-color: #B5B5B5; } }

.topbar {
  width: 100%;
  position: fixed !important;
  top: 0;
  right: 0;
  height: 70px;
  z-index: 10;
  padding: 23px 0 0;
  box-shadow: 0 0 5px #333; }
  .topbar .logo {
    float: left;
    width: 96px;
    height: 27px;
    margin: 1px 5px 1px 8px; }
    @media only screen and (max-width: 640px) {
      .topbar .logo {
        margin-top: 0;
        margin-left: -7px; } }
  .topbar nav {
    float: right;
    margin: 0 10px; }
    .topbar nav a {
      height: 16px;
      vertical-align: middle; }
      .topbar nav a i {
        font-size: 1rem;
        margin-left: 3px; }
      .topbar nav a.circled {
        border: 1px solid #515151;
        border-radius: 20px;
        display: inline-block;
        height: auto;
        margin-right: 0;
        margin-left: 5px; }
        .topbar nav a.circled i {
          padding: 7px 6px 5px;
          margin: 0;
          height: 28px;
          width: 28px; }
    .topbar nav form {
      display: inline-block;
      border: 1px solid #515151;
      border-radius: 500px;
      padding: 0 1rem;
      font-size: 13px; }
      .topbar nav form label {
        color: #919191; }
      .topbar nav form input {
        background: transparent;
        border: none;
        padding: 5px 0;
        margin: 0;
        width: 6rem;
        color: #919191;
        font-size: inherit; }
        .topbar nav form input:focus {
          color: #FFF;
          outline: none; }
        .topbar nav form input:-moz-placeholder, .topbar nav form input:-ms-input-placeholder, .topbar nav form input::-webkit-input-placeholder {
          color: #919191; }
  .topbar #trigger-mobile-menu {
    display: none;
    float: right;
    padding: 2px 0 0 10px;
    margin: 0;
    color: #919191;
    text-decoration: none;
    font-size: 1.5rem; }
    .topbar #trigger-mobile-menu:hover {
      color: #FFF; }
  .topbar-loggedout {
    background-color: #ffffff;
    height: 130px;
    padding: 46px 0 0; }
    .topbar-loggedout nav {
      margin-top: 6px; }
      .topbar-loggedout nav form {
        border-color: #E0E0E0; }
        .topbar-loggedout nav form label {
          color: #E0E0E0; }
          .topbar-loggedout nav form label:focus {
            color: #333; }
        .topbar-loggedout nav form input {
          color: #595959; }
          .topbar-loggedout nav form input:focus {
            color: #333; }
          .topbar-loggedout nav form input:-moz-placeholder, .topbar-loggedout nav form input:-ms-input-placeholder, .topbar-loggedout nav form input::-webkit-input-placeholder {
            color: #595959; }
    .topbar-loggedout .logo {
      height: 40px;
      width: 160px; }
      @media only screen and (max-width: 640px) {
        .topbar-loggedout .logo {
          width: 180px;
          height: 22px; } }
    @media only screen and (max-width: 640px) {
      .topbar-loggedout {
        height: 75px;
        padding: 30px 0 25px; } }
    .topbar-loggedout #trigger-mobile-menu {
      color: #595959;
      padding-top: 0; }
      .topbar-loggedout #trigger-mobile-menu:hover {
        color: #999; }
      @media only screen and (min-width: 641px) {
        .topbar-loggedout #trigger-mobile-menu {
          padding-top: 10px; } }
  .topbar .subnav_wrapper {
    position: relative;
    height: 0;
    width: 0;
    display: inline-block; }
  .topbar .username {
    max-width: 5.25rem;
    height: .9rem;
    overflow-x: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: text-bottom; }
  .topbar ul.subnav {
    display: none;
    position: absolute;
    right: -1rem;
    top: 1.25rem;
    padding: 0;
    margin: 0;
    list-style: none;
    background: #000;
    border-radius: 5px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); }
    .topbar ul.subnav:before {
      content: "";
      border: 10px solid transparent;
      border-top: none;
      border-bottom-color: #000;
      position: absolute;
      left: 50%;
      top: -10px;
      margin-left: -5px; }
    .topbar ul.subnav li {
      margin: 0; }
      .topbar ul.subnav li a {
        margin: 0;
        border-top: 1px solid #2e2e2e;
        display: block;
        width: 10rem;
        padding: .75rem 1rem;
        height: auto; }
      .topbar ul.subnav li:first-child a {
        border-top: 0; }
  .topbar ol {
    margin: 0; }
  @media only screen and (max-width: 999px) {
    .topbar nav {
      display: none; }
    .topbar #trigger-mobile-menu {
      display: block; } }

.footer {
  width: 100%;
  overflow: auto;
  z-index: 10;
  text-align: center;
  height: 146px; }
  .footer .copyrights {
    background: #000;
    padding: 1rem 0;
    color: #595959;
    font-size: 12px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; }
  .footer nav {
    margin: 4.5% 0;
    line-height: 1.5; }
    .footer nav a {
      margin: 0 .5rem; }
      @media only screen and (min-width: 40.063em) {
        .footer nav a {
          margin: 0 .75rem; } }
    @media only screen and (min-width: 40.063em) {
      .footer nav {
        margin: 2rem 0;
        line-height: 2; } }

.footer_message {
  text-align: center;
  position: relative;
  padding: 3rem 0; }
  .footer_message .text {
    font-size: 28px;
    font-weight: 300;
    text-align: center;
    color: #ffffff;
    padding-bottom: 25px;
    line-height: 1em; }
  .footer_message .button {
    margin: 1rem; }

#entryHeader {
  margin-bottom: 80px; }
  #entryHeader .usercallout {
    width: 100%; }
    #entryHeader .usercallout .text {
      float: none;
      margin-left: 63px;
      font-weight: 300; }
      #entryHeader .usercallout .text h2 {
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: inherit; }
    @media (min-width: 40.063em) {
      #entryHeader .usercallout {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        width: auto; } }
  #entryHeader .entryNavigation {
    position: absolute;
    top: 100%; }
    #entryHeader .entryNavigation:after {
      content: "";
      display: table;
      clear: both; }
    #entryHeader .entryNavigation > ul {
      list-style: none;
      position: relative;
      margin: 0 0 20px;
      font-size: 0; }
      #entryHeader .entryNavigation > ul > li {
        display: inline-block;
        height: 50px;
        line-height: 50px;
        vertical-align: middle;
        width: 50px;
        text-align: center;
        font-size: 1rem;
        margin: 0 0 0 3px; }
        #entryHeader .entryNavigation > ul > li:first-child {
          margin: 0; }
        #entryHeader .entryNavigation > ul > li.date {
          background: #212121;
          color: #FFF;
          padding: 0;
          text-align: center;
          font-size: 13px; }
          #entryHeader .entryNavigation > ul > li.date .day, #entryHeader .entryNavigation > ul > li.date .month {
            display: block; }
          #entryHeader .entryNavigation > ul > li.date .day {
            font-size: 1.25rem;
            line-height: 35px;
            height: 25px; }
            @media (min-width: 40.062em) {
              #entryHeader .entryNavigation > ul > li.date .day {
                line-height: 45px;
                height: 30px; } }
          #entryHeader .entryNavigation > ul > li.date .month {
            line-height: 20px; }
        #entryHeader .entryNavigation > ul > li > a {
          display: block;
          background: #e5e5e5;
          height: 100%;
          width: 100%;
          color: #484848; }
          #entryHeader .entryNavigation > ul > li > a:hover, #entryHeader .entryNavigation > ul > li > a.active {
            background: #d8d8d8; }
          #entryHeader .entryNavigation > ul > li > a:active {
            background: #cccccc; }
          #entryHeader .entryNavigation > ul > li > a.disabled {
            background: #ebebeb;
            color: #969696;
            cursor: default; }
            #entryHeader .entryNavigation > ul > li > a.disabled:hover, #entryHeader .entryNavigation > ul > li > a.disabled:active {
              background: #ebebeb; }
    #entryHeader .entryNavigation #calendar, #entryHeader .entryNavigation #related_box {
      position: absolute;
      left: 0;
      right: auto;
      top: 65px;
      z-index: 1;
      background: #FFF;
      opacity: 1;
      visibility: visible; }
      #entryHeader .entryNavigation #calendar.hidden, #entryHeader .entryNavigation #related_box.hidden {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate(-50%, -50%) scale(0);
        -ms-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0); }
      @media (min-width: 40.062em) {
        #entryHeader .entryNavigation #calendar, #entryHeader .entryNavigation #related_box {
          right: 0;
          left: auto; }
          #entryHeader .entryNavigation #calendar.hidden, #entryHeader .entryNavigation #related_box.hidden {
            -webkit-transform: translate(40%, -62%) scale(0.2);
            -ms-transform: translate(40%, -62%) scale(0.2);
            transform: translate(40%, -62%) scale(0.2); } }
    #entryHeader .entryNavigation #calendar {
      padding: 5px 5px 3px; }
    #entryHeader .entryNavigation #related_box {
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: translate(0, 0) scale(1);
      -ms-transform: translate(0, 0) scale(1);
      transform: translate(0, 0) scale(1);
      margin: 0 -1px; }
      #entryHeader .entryNavigation #related_box ul {
        margin: 0;
        white-space: nowrap;
        font-size: 0;
        border: 0;
        padding: 5px; }
        #entryHeader .entryNavigation #related_box ul li {
          display: inline-block;
          width: 140px;
          padding: 0 0 140px;
          border: 0;
          margin-left: 5px; }
          #entryHeader .entryNavigation #related_box ul li .image {
            border: 0; }
          #entryHeader .entryNavigation #related_box ul li:first-child {
            margin-left: 0; }
      @media (min-width: 40.062em) {
        #entryHeader .entryNavigation #related_box {
          padding: 5px; } }
    @media (max-width: 40.062em) {
      #entryHeader .entryNavigation ul {
        margin: 10px 0 0;
        padding: 0; } }
    @media (min-width: 40.063em) {
      #entryHeader .entryNavigation {
        float: right;
        position: relative;
        top: 0; }
        #entryHeader .entryNavigation > ul > li {
          position: relative;
          width: 60px;
          height: 60px;
          line-height: 60px; } }
  @media (min-width: 40.063em) {
    #entryHeader {
      margin-bottom: 0; } }

.entryImage {
  background: #ddd;
  border: solid 1px #ddd;
  position: relative;
  margin: 0 0 2rem; }
  .entryImage img {
    display: block;
    margin: 0 auto;
    max-width: 100%; }
  .entryImage a {
    position: absolute;
    display: block;
    top: 0;
    width: 50%;
    height: 100%; }
    .entryImage a:first-child {
      left: 0; }
    .entryImage a:last-child {
      left: 50%; }

.entryText {
  margin: 0 0 2rem; }
  .entryText h1 {
    font-weight: 400;
    font-size: 21px; }
  @media only screen and (min-width: 1025px) {
    .entryText {
      margin-bottom: 2rem; } }

.entryStatsContainer {
  margin-bottom: 1rem; }
  .entryStatsContainer .views {
    font-size: 13px;
    display: inline-block;
    vertical-align: middle; }
    .entryStatsContainer .views .viewsCount, .entryStatsContainer .views .viewsLabel {
      display: block; }
    .entryStatsContainer .views .viewsCount {
      font-size: 1.25rem; }
  .entryStatsContainer .entryStatsActionsContainer {
    display: inline-block; }

.entryMeta ul {
  list-style: none;
  margin: 0 0 1rem 0; }
  .entryMeta ul:after {
    content: "";
    display: table;
    clear: both; }
  .entryMeta ul.exif li {
    margin: 0 10px 7px 0;
    font-size: 13px;
    line-height: 1.1; }
    .entryMeta ul.exif li i {
      color: #7F7F7F;
      margin-right: 1rem; }
    .entryMeta ul.exif li:last-child {
      margin-bottom: 0; }

.entryMetaContainer {
  overflow: hidden;
  width: 100%;
  border-top: solid 1px #eee;
  padding-top: 1rem; }
  .entryMetaContainer .more_actions:not(:only-child) {
    border-top: solid 1px #eee;
    padding-top: 1rem; }

.tags {
  list-style: none; }
  .tags:after {
    content: "";
    display: table;
    clear: both; }
  .tags li {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 8px;
    max-width: 100%; }
    .tags li a {
      border: 1px solid #3179A7;
      background-color: #d7e4ed;
      font-weight: 400;
      color: #3179A7;
      font-size: 12px;
      display: block;
      border-radius: 2px;
      text-decoration: none;
      line-height: 1;
      padding: 3px 5px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
      .tags li a:hover {
        background-color: rgba(215, 228, 237, 0.5); }
  .tags.large a {
    font-size: 19px; }

.actions {
  list-style: none;
  margin: 0;
  width: 100%;
  font-size: 0; }
  .actions li, .actions .action {
    float: left;
    margin: 0;
    height: 32px;
    line-height: 30px;
    font-size: 13px; }
    .actions li a, .actions li span, .actions .action a, .actions .action span {
      color: inherit;
      text-decoration: none;
      display: block;
      padding: 0 .75rem;
      border: 1px solid #E4E4E4;
      border-width: 1px 1px 1px 0; }
    .actions li a:hover, .actions .action a:hover {
      text-decoration: none;
      background: #EEE; }
    .actions li a:active, .actions .action a:active {
      background: #DDD; }
    .actions li span, .actions .action span {
      cursor: default; }
    .actions li:first-child a, .actions li:first-child span, .actions .action:first-child a, .actions .action:first-child span {
      border-width: 1px;
      border-top-left-radius: 10px;
      border-bottom-left-radius: 10px; }
    .actions li:last-child a, .actions li:last-child span, .actions .action:last-child a, .actions .action:last-child span {
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px; }
  .actions.separated {
    border: none; }
    .actions.separated li {
      margin: 0 0 10px; }
      .actions.separated li a {
        border-width: 1px;
        margin: 0 10px 10px 0;
        border-radius: 10px; }

.entry_subtitle {
  color: #858585;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: .5rem; }
  .entry_subtitle a {
    color: inherit;
    text-decoration: none; }
    .entry_subtitle a:hover {
      color: #6c6c6c; }
    .entry_subtitle a:active {
      color: #525252; }

.comments .button {
  font-size: 14px; }
.comments .comments-disabled {
  font-size: 10pt;
  font-style: italic;
  color: #bbb;
  text-align: center;
  padding-top: 20px; }
.comments .comments-visitor-prompt {
  border-top: 1px dashed #E5E5E5;
  padding: 20px 0 10px 0;
  font-size: 11pt;
  color: #bbb;
  text-align: center; }
  .comments .comments-visitor-prompt a {
    color: #888 !important; }
  .comments .comments-visitor-prompt .brand {
    padding-left: 10px; }
    .comments .comments-visitor-prompt .brand img {
      width: 20px;
      height: 20px;
      vertical-align: middle; }
.comments #comment_title + #commentlist > ul > li:first-child {
  border-top: 0; }
.comments #commentlist #load_comments {
  margin-right: 10px; }
  html.signed-in .comments #commentlist #load_comments {
    float: right; }
.comments #commentlist ul {
  clear: both;
  list-style: none;
  margin-top: 10px;
  margin-left: 0; }
  .comments #commentlist ul li {
    border-top: 1px dashed #E5E5E5;
    padding: 1rem 0;
    margin: 0;
    clear: both;
    overflow: hidden;
    min-height: 85px; }
    .comments #commentlist ul li.divider {
      min-height: 0;
      margin-top: 20px;
      color: #aaa; }
    .comments #commentlist ul li h3 {
      line-height: 1em;
      padding: 0 0 .5rem;
      margin: 0;
      font-size: 14px;
      font-weight: 500;
      display: inline-block;
      vertical-align: top; }
      .comments #commentlist ul li h3 a {
        color: #0096d7;
        text-decoration: none; }
    .comments #commentlist ul li .badge {
      /*min-height: 16px;
      min-width: 16px;*/
      height: 16px;
      width: 16px;
      vertical-align: top; }
    .comments #commentlist ul li p {
      font-size: 15px;
      overflow: hidden; }
    .comments #commentlist ul li ul {
      padding-left: 35px;
      margin-top: 20px; }
      @media only screen and (min-width: 1025px) {
        .comments #commentlist ul li ul {
          padding-left: 73px; } }
    .comments #commentlist ul li .frame, .comments #commentlist ul li .image {
      display: inline-block;
      margin: -7px 15px 0 0;
      float: left; }
    .comments #commentlist ul li .actionbutton {
      float: right;
      font-size: 11px;
      font-weight: 500;
      color: #000000;
      text-decoration: none;
      display: block;
      text-align: right;
      margin: 0 0 7px 15px; }
      .comments #commentlist ul li .actionbutton:hover {
        text-decoration: underline; }
      .comments #commentlist ul li .actionbutton i {
        margin-right: 4px; }
.comments #commentlist > ul {
  border-bottom: 1px dashed #E5E5E5; }

#more_photos {
  max-width: 300px; }
  #more_photos li {
    padding: 0;
    margin: 0;
    /* ensure first-child overrides last so grid with only 1 item still appears left-aligned */ }
    #more_photos li a {
      display: inline-block;
      margin: 0 2px;
      border: 1px solid #ddd; }
      #more_photos li a img {
        display: block;
        width: 100%; }
      #more_photos li a.more {
        position: relative; }
        #more_photos li a.more img {
          opacity: 0.1; }
        #more_photos li a.more span {
          position: absolute;
          top: 50%;
          margin-top: -10px;
          display: block;
          width: 100%;
          text-align: center;
          font-size: 0.8rem; }
    #more_photos li:last-child a {
      margin: 0 0 0 4px; }
    #more_photos li:first-child a {
      margin: 0 4px 0 0; }

@media screen and (min-width: 768px) {
  .entryBody .entryText, .entryBody .comments {
    width: 60%;
    float: left; }
  .entryBody .entryMeta {
    float: right;
    width: 30%; } }
#gallery-wrapper {
  background: #131313;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
  visibility: hidden;
  transform: translateY(-100%);
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s; }

#gallery {
  color: #999999;
  -webkit-animation: whiteToGrey 4s forwards;
  animation: whiteToGrey 4s forwards;
  -webkit-transition: color 0.2s;
  transition: color 0.2s; }
  #gallery-header {
    -webkit-transition: inherit;
    transition: inherit; }
    #gallery-header .usercallout {
      padding: .5rem 0 0 1rem;
      font-weight: 400;
      min-height: 55px;
      color: inherit; }
      @media screen and (min-width: 40.063em) {
        #gallery-header .usercallout {
          padding-top: 1rem;
          min-height: 65px; } }
      #gallery-header .usercallout .text {
        width: 100%;
        color: inherit;
        margin: 0; }
        #gallery-header .usercallout .text h2 {
          color: inherit;
          font-weight: inherit;
          text-overflow: ellipsis;
          overflow: hidden; }
    #gallery-header .date {
      padding: 0 0 0 2rem; }
      @media screen and (min-width: 40.063em) {
        #gallery-header .date {
          text-align: center;
          padding: 2rem 0 0; } }
      #gallery-header .date:hover #galleryNavigation-title-previous, #gallery-header .date:hover #galleryNavigation-title-next {
        color: #999; }
      #gallery-header .date #galleryNavigation-title-previous, #gallery-header .date #galleryNavigation-title-next {
        display: none;
        margin: 0 .75rem;
        padding: 0 .5rem;
        color: #252525;
        -webkit-transition: inherit;
        transition: inherit; }
        #gallery-header .date #galleryNavigation-title-previous:hover, #gallery-header .date #galleryNavigation-title-next:hover {
          color: #FFF; }
        #gallery-header .date #galleryNavigation-title-previous.disabled, #gallery-header .date #galleryNavigation-title-next.disabled {
          cursor: default;
          color: #222; }
        @media screen and (min-width: 40.063em) {
          #gallery-header .date #galleryNavigation-title-previous, #gallery-header .date #galleryNavigation-title-next {
            display: inline; } }
    #gallery-header .entry-navigation {
      padding: 1rem 0 0;
      text-align: right; }
      @media screen and (min-width: 40.063em) {
        #gallery-header .entry-navigation {
          padding-top: 1.5rem; } }
      #gallery-header .entry-navigation li {
        display: inline-block; }
        #gallery-header .entry-navigation li a {
          padding: 0 .5rem;
          color: inherit; }
          #gallery-header .entry-navigation li a:hover {
            color: #FFF; }
          #gallery-header .entry-navigation li a.disabled {
            cursor: default;
            color: #222; }
        @media screen and (min-width: 40.063em) {
          #gallery-header .entry-navigation li #galleryNavigation-previous, #gallery-header .entry-navigation li #galleryNavigation-next {
            display: none; } }
    #gallery-header .usercallout, #gallery-header .date, #gallery-header .entry-navigation {
      -webkit-transition: color 0.2s;
      transition: color 0.2s; }
      #gallery-header .usercallout:hover, #gallery-header .date:hover, #gallery-header .entry-navigation:hover {
        color: #999999; }
  #gallery-body {
    position: absolute;
    top: 80px;
    bottom: 60px;
    left: 0;
    width: 100%;
    text-align: center; }
    @media screen and (min-width: 40.063em) {
      #gallery-body {
        bottom: 80px; } }
    #gallery-body:before {
      content: ' ';
      display: inline-block;
      vertical-align: middle;
      height: 100%; }
    #gallery-body img {
      display: inline-block;
      vertical-align: middle;
      max-width: 100%;
      max-height: 100%;
      margin: 0 auto;
      box-shadow: 0 0 5px #080808;
      opacity: 0;
      -webkit-transition: 0.2s all;
      transition: 0.2s all; }
      @media screen and (min-width: 40.063em) {
        #gallery-body img {
          max-width: 96%; } }
    #gallery-body #cover {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
  #gallery-strip {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    text-align: center;
    padding: 10px 0;
    white-space: nowrap;
    overflow: hidden; }
    @media screen and (min-width: 40.063em) {
      #gallery-strip {
        padding: 20px 0;
        height: 80px; } }
    #gallery-strip a {
      display: inline-block;
      width: 36px;
      height: 36px;
      margin: 0 2px;
      border: 1px solid transparent;
      vertical-align: middle; }
      #gallery-strip a img {
        display: inline-block;
        width: 100%;
        height: 100%;
        border: 1px solid #000;
        opacity: .5;
        -webkit-transition: opacity 0.2s;
        transition: opacity 0.2s; }
      #gallery-strip a:hover img {
        border-color: #595959;
        opacity: 1; }
      #gallery-strip a:active {
        outline: none; }
      #gallery-strip a.active {
        border-color: #F0F0F0;
        outline: none; }
        #gallery-strip a.active img {
          border-color: #F0F0F0;
          opacity: 1; }
      #gallery-strip a.navigation {
        width: 16px;
        cursor: pointer;
        color: #323232;
        line-height: 36px;
        -webkit-transition: color 0.2s;
        transition: color 0.2s; }
        #gallery-strip a.navigation:hover {
          color: #FFF; }
        #gallery-strip a.navigation.disabled {
          cursor: default;
          color: #222; }
        #gallery-strip a.navigation i {
          width: 1rem; }

#gallery-body.loading, #gallery-wrapper.loading {
  -webkit-animation: loading 4s infinite;
  animation: loading 4s infinite;
  background-repeat: no-repeat;
  background-size: 30px 30px,	0 0,	0 0,	0 0,	0 0,	0 0;
  background-position: 40% 45%;
  background-image: radial-gradient(circle, #2b2b2b 40%, rgba(43, 43, 43, 0) 60%), radial-gradient(circle, #2b2b2b 40%, rgba(43, 43, 43, 0) 60%), radial-gradient(circle, #2b2b2b 40%, rgba(43, 43, 43, 0) 60%), radial-gradient(circle, #2b2b2b 40%, rgba(43, 43, 43, 0) 60%), radial-gradient(circle, #2b2b2b 40%, rgba(43, 43, 43, 0) 60%), radial-gradient(circle, #2b2b2b 40%, rgba(43, 43, 43, 0) 60%); }

.profile-content {
  width: auto; }
  .profile-content .nav.segmented {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem; }
    @media only screen and (min-width: 40.063em) {
      .profile-content .nav.segmented {
        margin-right: 0;
        margin-left: 0; } }
  @media only screen and (min-width: 720px) {
    .profile-content {
      padding-left: 40px;
      overflow: hidden; } }

.profile-sidebar {
  text-align: center;
  position: relative; }
  .profile-sidebar .frame {
    width: 180px;
    margin: 0 auto 3rem; }
  .profile-sidebar ul {
    overflow: hidden;
    list-style: none;
    text-align: center;
    margin: 0; }
    .profile-sidebar ul li {
      margin: .5rem 0; }
  .profile-sidebar ul, .profile-sidebar p {
    font-size: 0.9em; }
  .profile-sidebar .level-icon {
    max-width: 1.125em;
    max-height: 1.125em;
    vertical-align: middle; }
  .profile-sidebar .user-content {
    margin-top: 2rem;
    border-top: solid 1px #F0F0F0;
    border-bottom: solid 1px #F0F0F0;
    padding: 2rem 0; }
  .profile-sidebar #biography, .profile-sidebar #biography-full {
    text-align: left;
    max-width: 35em;
    margin-left: auto;
    margin-right: auto; }
  .profile-sidebar #biography + #biography-full {
    display: none; }
  @media only screen and (min-width: 720px) {
    .profile-sidebar {
      width: 300px;
      float: left; }
      .profile-sidebar p {
        border-bottom: 0;
        text-align: left; }
      .profile-sidebar #biography {
        display: none; }
      .profile-sidebar #biography + #biography-full {
        display: block; } }

#member-badge {
  background: url("../images/badge-full-member.png");
  background-size: contain;
  width: 68px;
  height: 110px;
  position: absolute;
  top: -15px;
  left: -10px; }
  @media only screen and (min-width: 400px) {
    #member-badge {
      top: -45px;
      left: -18px; } }
  @media only screen and (min-width: 1366px) {
    #member-badge {
      left: -34px; } }
  @media (min-resolution: 97dpi), (--webkit-min-device-pixel-ratio: 2) {
    #member-badge {
      background-image: url("../images/badge-full-member-2x.png"); } }

.hero {
  width: 100%;
  position: relative;
  color: #fff;
  font-weight: 700;
  font-size: 1.1rem;
  background-size: cover;
  background-position: center center;
  padding-bottom: 150%; }
  .hero h1 {
    font-size: 3rem;
    font-weight: 500;
    padding: 0 0 1.5rem;
    color: #fff;
    height: 80px;
    width: 280px;
    margin: 40px auto 0 auto;
    background-position: center; }
  .hero h2 {
    color: #a0a0a0;
    font-weight: 500;
    font-size: 1.6rem; }
  .hero .button {
    margin: .5rem 1rem;
    padding-left: 1rem;
    padding-right: 1rem; }
    .hero .button:hover {
      background: rgba(0, 0, 0, 0.8); }
  .hero .content {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    display: inline-block;
    text-align: center;
    width: 95%; }
    .hero .content .options {
      color: #000;
      font-weight: 500;
      text-align: left;
      max-width: 1000px;
      margin: 0 auto;
      overflow: hidden; }
    .hero .content p {
      width: 50%;
      float: left;
      text-align: center;
      font-size: 0.9rem; }
      .hero .content p span {
        padding: 0 5px;
        display: block; }
    @media screen and (min-width: 700px) {
      .hero .content .button {
        padding-left: 1rem;
        padding-right: 1rem; }
      .hero .content p {
        font-size: 1rem; } }
    @media screen and (min-width: 1024px) {
      .hero .content p {
        text-align: left; }
        .hero .content p span {
          display: inline-block;
          padding-top: 20px; }
        .hero .content p a {
          float: right; }
        .hero .content p:nth-child(odd) {
          padding-right: 40px; }
        .hero .content p:nth-child(even) {
          padding-left: 40px; } }
  .hero .usercallout {
    position: absolute;
    right: 10px;
    bottom: 10px;
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 7px; }
    .hero .usercallout:after {
      content: "";
      display: table;
      clear: both; }
    .hero .usercallout .frame {
      float: left;
      max-width: 56px; }
      .hero .usercallout .frame img {
        max-width: 100%; }
    .hero .usercallout .text {
      float: left;
      margin-left: 10px;
      margin-top: 5px; }
      .hero .usercallout .text h2 {
        color: #ffffff;
        font-size: 21px;
        font-weight: 500;
        margin: 0;
        clear: right; }
      .hero .usercallout .text .subtitle, .hero .usercallout .text a {
        color: #fff;
        font-size: 13px;
        font-weight: 500; }
      .hero .usercallout .text a {
        text-decoration: none; }
        .hero .usercallout .text a:hover {
          text-decoration: underline; }
  @media only screen and (max-width: 500px) {
    .hero .usercallout {
      width: 100%;
      right: 0;
      left: 0;
      bottom: 0; } }
  @media only screen and (max-width: 599px) {
    .hero .usercallout.small {
      display: table; } }
  @media only screen and (min-width: 500px) {
    .hero h1 {
      font-size: 4.5rem; } }
  @media only screen and (min-width: 600px) and (max-width: 799px) {
    .hero {
      padding-bottom: 100%; }
      .hero .usercallout.medium {
        display: table; } }
  @media only screen and (min-width: 800px) and (max-width: 999px) {
    .hero {
      padding-bottom: 66.67%; }
      .hero .usercallout.large {
        display: table; } }
  @media only screen and (min-width: 1000px) {
    .hero {
      padding-bottom: 50%; }
      .hero .usercallout.xlarge {
        display: table; } }
  @media only screen and (min-width: 1200px) {
    .hero {
      padding-bottom: 40%; } }

.main.wrapper.home {
  background-color: #ffffff; }

.home_textblock {
  text-align: center;
  padding-top: 100px;
  padding-bottom: 100px; }

.home_journals:after {
  content: "";
  display: table;
  clear: both; }

.journal_entry_content:after {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 110px; }

.journal_entry {
  color: #fff;
  position: relative;
  display: block;
  float: left;
  width: 100%;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s; }
  .journal_entry:after {
    content: "";
    display: table;
    clear: both; }
  .journal_entry:nth-child(1) .journal_entry_content {
    background-color: #D43198; }
    .journal_entry:nth-child(1) .journal_entry_content:after {
      background: -ms-linear-gradient(top, rgba(212, 49, 152, 0) 0%, rgba(212, 49, 152, 0) 1%, #D43198 50%, #D43198 100%);
      background: linear-gradient(to bottom, rgba(212, 49, 152, 0) 0%, rgba(212, 49, 152, 0) 1%, #D43198 50%, #D43198 100%); }
  .journal_entry:nth-child(1):hover .journal_entry_content {
    background-color: #d846a3; }
    .journal_entry:nth-child(1):hover .journal_entry_content:after {
      background: -ms-linear-gradient(top, rgba(216, 70, 163, 0) 0%, rgba(216, 70, 163, 0) 1%, #d846a3 50%, #d846a3 100%);
      background: linear-gradient(to bottom, rgba(216, 70, 163, 0) 0%, rgba(216, 70, 163, 0) 1%, #d846a3 50%, #d846a3 100%); }
    .journal_entry:nth-child(1):hover .journal_entry_content .datebox {
      border-color: #d846a3; }
  .journal_entry:nth-child(1) .datebox {
    border-color: #D43198; }
  .journal_entry:nth-child(2) .journal_entry_content {
    background-color: #e08F27; }
    .journal_entry:nth-child(2) .journal_entry_content:after {
      background: -ms-linear-gradient(top, rgba(224, 143, 39, 0) 0%, rgba(224, 143, 39, 0) 1%, #e08F27 50%, #e08F27 100%);
      background: linear-gradient(to bottom, rgba(224, 143, 39, 0) 0%, rgba(224, 143, 39, 0) 1%, #e08F27 50%, #e08F27 100%); }
  .journal_entry:nth-child(2):hover .journal_entry_content {
    background-color: #e39b3d; }
    .journal_entry:nth-child(2):hover .journal_entry_content:after {
      background: -ms-linear-gradient(top, rgba(227, 155, 61, 0) 0%, rgba(227, 155, 61, 0) 1%, #e39b3d 50%, #e39b3d 100%);
      background: linear-gradient(to bottom, rgba(227, 155, 61, 0) 0%, rgba(227, 155, 61, 0) 1%, #e39b3d 50%, #e39b3d 100%); }
    .journal_entry:nth-child(2):hover .journal_entry_content .datebox {
      border-color: #e39b3d; }
  .journal_entry:nth-child(2) .datebox {
    border-color: #e08F27; }
  .journal_entry:nth-child(3) .journal_entry_content {
    background-color: #6CB33F; }
    .journal_entry:nth-child(3) .journal_entry_content:after {
      background: -ms-linear-gradient(top, rgba(108, 179, 63, 0) 0%, rgba(108, 179, 63, 0) 1%, #6CB33F 50%, #6CB33F 100%);
      background: linear-gradient(to bottom, rgba(108, 179, 63, 0) 0%, rgba(108, 179, 63, 0) 1%, #6CB33F 50%, #6CB33F 100%); }
  .journal_entry:nth-child(3):hover .journal_entry_content {
    background-color: #79c04c; }
    .journal_entry:nth-child(3):hover .journal_entry_content:after {
      background: -ms-linear-gradient(top, rgba(121, 192, 76, 0) 0%, rgba(121, 192, 76, 0) 1%, #79c04c 50%, #79c04c 100%);
      background: linear-gradient(to bottom, rgba(121, 192, 76, 0) 0%, rgba(121, 192, 76, 0) 1%, #79c04c 50%, #79c04c 100%); }
    .journal_entry:nth-child(3):hover .journal_entry_content .datebox {
      border-color: #79c04c; }
  .journal_entry:nth-child(3) .datebox {
    border-color: #6CB33F; }
  .journal_entry:nth-child(4) .journal_entry_content {
    background-color: #0095D5; }
    .journal_entry:nth-child(4) .journal_entry_content:after {
      background: -ms-linear-gradient(top, rgba(0, 149, 213, 0) 0%, rgba(0, 149, 213, 0) 1%, #0095D5 50%, #0095D5 100%);
      background: linear-gradient(to bottom, rgba(0, 149, 213, 0) 0%, rgba(0, 149, 213, 0) 1%, #0095D5 50%, #0095D5 100%); }
  .journal_entry:nth-child(4):hover .journal_entry_content {
    background-color: #00a7ef; }
    .journal_entry:nth-child(4):hover .journal_entry_content:after {
      background: -ms-linear-gradient(top, rgba(0, 167, 239, 0) 0%, rgba(0, 167, 239, 0) 1%, #00a7ef 50%, #00a7ef 100%);
      background: linear-gradient(to bottom, rgba(0, 167, 239, 0) 0%, rgba(0, 167, 239, 0) 1%, #00a7ef 50%, #00a7ef 100%); }
    .journal_entry:nth-child(4):hover .journal_entry_content .datebox {
      border-color: #00a7ef; }
  .journal_entry:nth-child(4) .datebox {
    border-color: #0095D5; }
  .journal_entry img {
    display: block;
    height: auto;
    width: 100%; }
  .journal_entry h3 {
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 3px; }
  .journal_entry .subtitle {
    font-size: 0.9rem; }
  .journal_entry .link {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2; }
  .journal_entry_content {
    padding: 12% 7% 7%;
    width: 100%;
    position: relative;
    text-align: center; }
    .journal_entry_content .text {
      margin-top: 1rem;
      font-family: Roboto, sans-serif;
      font-weight: 300;
      font-size: 14px;
      max-height: 110px; }
    .journal_entry_content .readall {
      border-top: 2px solid #fff;
      padding: .75rem 0 0;
      width: 100%;
      color: #fff;
      text-decoration: none;
      font-size: 0.9rem;
      display: block;
      z-index: 1; }
  @media only screen and (min-width: 500px) {
    .journal_entry img {
      width: 50%; }
    .journal_entry .journal_entry_content {
      width: 50%;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      padding-top: 7%;
      text-align: left; }
      .journal_entry .journal_entry_content .datebox {
        left: 0;
        top: 14%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        background-clip: padding-box; }
      .journal_entry .journal_entry_content .readall {
        position: absolute;
        bottom: 2rem;
        left: 14%;
        right: 14%;
        width: auto; } }
  @media only screen and (min-width: 500px) and (max-width: 899px) {
    .journal_entry:nth-child(2n) img {
      float: right; }
    .journal_entry:nth-child(2n) .journal_entry_content {
      left: 0;
      right: auto; }
      .journal_entry:nth-child(2n) .journal_entry_content .datebox {
        left: auto;
        right: 0;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%); } }
  @media only screen and (min-width: 900px) {
    .journal_entry {
      width: 50%; }
      .journal_entry:nth-child(3) img, .journal_entry:nth-child(4) img {
        float: right; }
      .journal_entry:nth-child(3) .journal_entry_content, .journal_entry:nth-child(4) .journal_entry_content {
        left: 0;
        right: auto; }
        .journal_entry:nth-child(3) .journal_entry_content .datebox, .journal_entry:nth-child(4) .journal_entry_content .datebox {
          left: auto;
          right: 0;
          -webkit-transform: translateX(50%);
          -ms-transform: translateX(50%);
          transform: translateX(50%); } }

.home_slider {
  max-width: 1000px; }

.slide_entry {
  background-color: #212121;
  color: #ffffff;
  position: relative;
  text-align: center; }
  .slide_entry:after {
    content: "";
    display: table;
    clear: both; }
  .slide_entry h3 {
    font-size: 30px;
    font-weight: 500;
    line-height: 43px;
    min-height: 100px; }
  .slide_entry blockquote {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.3; }
    .slide_entry blockquote cite {
      display: block;
      text-align: right; }
      .slide_entry blockquote cite:before {
        content: "\2014";
        margin: 0 5px 0 0; }
      .slide_entry blockquote cite a {
        color: #fff; }
  .slide_entry_image {
    background-size: cover;
    background-position: center center;
    height: 300px; }
  .slide_entry_content {
    padding: 7%;
    position: relative; }
  .slide_entry .quote {
    font-family: "Times New Roman", Times, serif;
    font-size: 70px;
    line-height: 25px;
    padding: 30px 10px 0;
    position: absolute;
    background-color: #000;
    text-align: center;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s;
    border: 2px solid #212121;
    background-clip: padding-box; }
  @media only screen and (min-width: 500px) {
    .slide_entry {
      text-align: left; } }
  @media only screen and (min-width: 900px) {
    .slide_entry h3 {
      min-height: 170px; }
    .slide_entry .slide_entry_content {
      padding: 3.5%; }
    .slide_entry .slide_entry_image {
      position: absolute;
      bottom: 0;
      top: 0;
      height: auto; }
    .slide_entry .slide_entry_content {
      display: block;
      width: 50%; }
    .slide_entry .quote {
      top: 14%; }
    .slide_entry:nth-child(odd) .slide_entry_image {
      right: 50%;
      left: 0; }
    .slide_entry:nth-child(odd) .slide_entry_content {
      float: right; }
    .slide_entry:nth-child(odd) .quote {
      left: 0;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
    .slide_entry:nth-child(even) .slide_entry_image {
      right: 0;
      left: 50%; }
    .slide_entry:nth-child(even) .slide_entry_content {
      float: left; }
    .slide_entry:nth-child(even) .quote {
      left: unset;
      right: 0;
      -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
      transform: translateX(50%); } }
  .slide_entry:not(:last-child) {
    margin-bottom: 50px; }

.textblock {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.8rem;
  color: #999;
  padding: 4rem 0; }
  .textblock h2 {
    font-weight: 500;
    font-size: 2rem;
    color: #212121;
    margin: 0 1rem;
    line-height: 1.3; }
  .textblock p {
    line-height: 1.3;
    margin: 1rem 1rem 2rem; }
  .textblock .button {
    margin: .5rem; }
  .textblock .button_separator {
    color: #212121; }

.button_separator {
  font-size: 1rem;
  font-weight: 700; }
  @media only screen and (max-width: 499px) {
    .button_separator {
      display: block; } }

.friendship .option {
  display: none; }
  .friendship .option.active {
    display: inline-block; }
  .friendship .option:disabled {
    opacity: 0.6; }
.friendship.small .option span {
  display: inline-block;
  max-width: 0;
  margin: 0 3px;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  overflow: hidden;
  color: #008cc7;
  vertical-align: bottom;
  line-height: 1.1; }
.friendship.small .option i {
  vertical-align: top; }
.friendship.small .option:hover span {
  max-width: 100%; }
.friendship.small .option.friendship-following i, .friendship.small .option.friendship-following span {
  color: #6CB33F; }
.friendship.small .option.friendship-pending i, .friendship.small .option.friendship-pending span {
  color: #e4e76d; }

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000; }
  #overlay.light {
    background-color: #eee;
    background-color: rgba(255, 255, 255, 0.9); }
  #overlay.dark {
    background-color: #111; }
  #overlay #overlay-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

#overlay-toolbar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 70px;
  background: #fff;
  z-index: 1000;
  box-sizing: border-box;
  padding: 20px;
  font-size: 20pt; }

#overlay-close {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 25pt;
  font-weight: bold;
  text-align: center;
  cursor: pointer; }

#overlay-content {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  z-index: 10001; }

.toolbar #overlay-content {
  padding-top: 70px; }

#calendar {
  -webkit-transition: transform 0.2s, opacity 0.2s, visibility 0.2s;
  transition: transform 0.2s, opacity 0.2s, visibility 0.2s;
  -webkit-transform: translate(0, 0) scale(1);
  -ms-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1); }
  #calendar.hidden {
    -webkit-transform: translate(50%, -50%) scale(0);
    -ms-transform: translate(50%, -50%) scale(0);
    transform: translate(50%, -50%) scale(0); }

.calendar {
  width: 292px; }
  .calendar h4 {
    position: relative;
    text-align: center;
    border-top: solid 2px #E2E2E2;
    padding: 12px 0;
    border-bottom: solid 2px #E2E2E2;
    font-weight: 500;
    margin-bottom: 5px; }
    .calendar h4 a {
      text-decoration: none;
      color: inherit; }
      .calendar h4 a:hover {
        color: #0096D5; }
    .calendar h4 span {
      position: absolute;
      top: 11px;
      font-weight: bold;
      padding: 1px 6px; }
    .calendar h4 .prev {
      left: 0; }
    .calendar h4 .next {
      right: 0; }
  .calendar ol {
    width: 292px;
    overflow: hidden;
    margin: 0; }
    .calendar ol li {
      font-size: .8125rem;
      font-family: "Roboto", sans-serif;
      line-height: 1rem;
      float: left;
      display: block;
      width: 40px;
      height: 40px;
      margin: 0 2px 2px 0;
      background: #F6F6F6; }
      .calendar ol li .item {
        display: block;
        text-align: center;
        padding: 12px 0;
        height: 100%;
        background: #E8E8E8;
        color: #B5B5B5; }
      .calendar ol li a.item {
        color: #0096D5;
        text-decoration: none;
        background: #EFEFEF; }
      .calendar ol li a.item:hover, .calendar ol li a.selected, .calendar ol li a.original {
        color: #fff;
        background: #0096D5; }
    .calendar ol.dayView {
      display: none; }
      .calendar ol.dayView li:nth-child(7n) {
        margin-right: 0; }
    .calendar ol.monthView {
      display: none; }
      .calendar ol.monthView li {
        width: 145px; }
        .calendar ol.monthView li:nth-child(2n) {
          margin-right: 0; }
    .calendar ol.yearView {
      display: none; }
      .calendar ol.yearView li {
        width: 71.5px; }
        .calendar ol.yearView li:nth-child(4n) {
          margin-right: 0; }

.calendar.publish a.state_1:not(.original), .calendar.publish a.state_2, .calendar.publish a.state_3, .calendar.publish a.state_4, .calendar.publish a.state_1:not(.original):hover, .calendar.publish a.state_2:hover a.state_3:hover, .calendar.publish a.state_4:hover {
  color: #bbb;
  cursor: default;
  background: #E8E8E8; }

#searchresults {
  position: relative;
  overflow: hidden; }
  #searchresults form {
    width: 180px;
    float: left; }
  #searchresults p {
    text-align: center; }
  @media only screen and (min-width: 640px) {
    #searchresults form {
      width: 300px;
      float: none;
      margin: 20px auto; }
    #searchresults .nav {
      position: absolute;
      top: 15px;
      right: 15px; } }

.item_box_container {
  width: 100%;
  background-color: #212121;
  color: #ffffff;
  position: relative;
  overflow: hidden; }

.item_box {
  display: table;
  position: relative;
  float: left;
  text-align: center;
  width: 100%;
  height: 360px;
  padding: 35px;
  text-shadow: 0 0 5px #000; }
  .item_box h3 {
    font-size: 1.4rem; }
    .item_box h3 a {
      font-size: 1rem;
      float: right;
      margin-top: 5px;
      text-decoration: underline; }
  .item_box a {
    color: #fff; }
  .item_box p {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    margin: 10px auto;
    max-width: 500px; }
  .item_box .cell {
    display: table-cell;
    vertical-align: middle; }
  .item_box.image {
    width: 100%;
    position: relative;
    z-index: 0; }
    .item_box.image:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center center;
      opacity: 0.4;
      z-index: -1; }
  .item_box .button {
    margin: 15px 0 0;
    font-weight: 500; }
  .item_box div.info {
    position: absolute;
    width: 100%;
    max-width: 100%;
    left: 0;
    bottom: 20px;
    font-size: 0.9rem; }
    .item_box div.info.callout {
      max-width: 250px;
      border-top: solid #fff 2px;
      text-align: left;
      margin-left: 50px;
      padding-top: 15px; }
  .item_box.upvoted .button {
    border-color: #0096d5;
    color: #0096d5;
    background: #fff;
    text-shadow: none; }
  .item_box .button .off, .item_box.upvoted .on {
    display: none; }
  .item_box.upvoted .off {
    display: block; }

.blog a {
  text-decoration: none !important; }
.blog h3, .blog h4 {
  font-size: 1.7rem;
  font-weight: 300;
  text-align: left;
  color: #fff; }
.blog h4 {
  font-size: 1.2rem; }
.blog p {
  font-family: "Museo", sans-serif;
  text-align: left;
  max-width: 100%; }
.blog .item_box {
  padding: 35px 50px; }
.blog .image:before {
  opacity: 1; }
.blog:hover {
  background: #2e2e2e; }
.blog .gradient:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 50%;
  content: " ";
  display: block;
  z-index: 5;
  background-image: -o-linear-gradient(-90deg, transparent 0, rgba(0, 0, 0, 0.55) 100%);
  background-image: -moz-linear-gradient(-90deg, transparent 0, rgba(0, 0, 0, 0.55) 100%);
  background-image: -ms-linear-gradient(-90deg, transparent 0, rgba(0, 0, 0, 0.55) 100%);
  background-image: linear-gradient(-180deg, transparent 0, rgba(0, 0, 0, 0.55) 100%); }
.blog .gradient > div {
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  z-index: 10;
  padding: 0 10px; }
  .blog .gradient > div .info.callout {
    display: none;
    font-weight: 300;
    left: initial;
    right: 40px;
    bottom: 1px;
    max-width: 150px;
    text-align: right;
    padding-right: 0; }
@media only screen and (min-width: 600px) {
  .blog h4 {
    max-width: 50%; }
  .blog .gradient > div {
    padding: 0 40px; }
    .blog .gradient > div .info.callout {
      display: block; } }

@media only screen and (min-width: 600px) {
  .contains-3 .item_box {
    width: 33.33%; }

  .contains-4 .item_box {
    width: 50%; } }
@media only screen and (min-width: 900px) {
  .contains-2 .item_box {
    width: 50%; }

  .contains-4 .item_box {
    width: 25%; }

  .blog .datebox {
    left: 0;
    top: 35px;
    border: 2px solid #212121;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-clip: padding-box; }

  .blog:hover .datebox {
    border: 2px solid #2e2e2e; } }
.pagination {
  /* Reset list display and use display:table to center */
  display: table;
  list-style: none;
  margin: 30px auto;
  overflow: hidden;
  /* Base styles for list items and inner elements */
  /* Customise spacing / border for first and last segments */
  /* For the l/r arrows we use a pseudo-element attached to inner element. The width and height
  is 0 with the border used to create the arrow. */
  /* Override the spacing & border colors */
  /* Ensure spans take on the disabled color */
  /* Ensure anchors take on the link color on hover */ }
  .pagination li {
    position: relative;
    float: left;
    display: block;
    border-top: solid 1px #ECECEC;
    border-bottom: solid 1px #ECECEC; }
  .pagination a, .pagination span {
    display: block;
    padding: 3px 6px; }
  .pagination a {
    color: #585858;
    text-decoration: none; }
    .pagination a:hover {
      color: #0096D5; }
  .pagination span, .pagination li.active a {
    color: #B5B5B5; }
  .pagination li:first-child {
    border: solid 1px #ECECEC;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px; }
    .pagination li:first-child a, .pagination li:first-child span {
      padding-left: 35px; }
  .pagination li:last-child {
    border: solid 1px #ECECEC;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px; }
    .pagination li:last-child a, .pagination li:last-child span {
      padding-right: 35px; }
  .pagination li:first-child :before, .pagination li:last-child :before {
    content: '';
    position: absolute;
    top: 9px;
    display: block;
    width: 0;
    height: 0;
    border: solid 10px #585858;
    border-top: solid 5px transparent;
    border-bottom: solid 5px transparent;
    pointer-events: none; }
  .pagination li:first-child :before {
    left: 10px;
    border-left: solid 5px transparent; }
  .pagination li:last-child :before {
    right: 10px;
    border-right: solid 5px transparent; }
  .pagination li:first-child span:before {
    border-right-color: #B5B5B5; }
  .pagination li:last-child span:before {
    border-left-color: #B5B5B5; }
  .pagination li:first-child:hover a:before {
    border-right-color: #0096D5; }
  .pagination li:last-child:hover a:before {
    border-left-color: #0096D5; }

/* Small screen, so move the 'older / newer' of screen so we just show the arrow */
@media only screen and (max-width: 600px) {
  .pagination li:first-child a, .pagination li:first-child span, .pagination li:last-child a, .pagination li:last-child span {
    text-indent: -9999px; } }
/* At this size of screen, just drop the arrows altogether and make the touch targets a little bigger */
@media only screen and (max-width: 400px) {
  .pagination {
    font-size: 1.1rem; }
    .pagination li:first-child, .pagination li:last-child {
      display: none; } }
/** Status block also used to shift the main content down **/
#status {
  position: relative;
  padding-top: 130px;
  /* fix the p element with a specific height and display as table, so the child span can be vertically centered */ }
  #status div.permanent {
    height: 83px; }
  #status p {
    position: fixed;
    display: table;
    width: 100%;
    height: 83px;
    z-index: 9;
    padding: 0 60px;
    color: #fff;
    text-align: center;
    margin: 0; }
    #status p span {
      display: table-cell;
      vertical-align: middle; }
    #status p input {
      position: absolute;
      top: 30px;
      right: 20px; }
    #status p a {
      color: #fff; }
    #status p small {
      display: block; }
  #status .temporary p {
    opacity: 0; }
  #status p.success {
    background-color: #6CB33F; }
  #status p.warning {
    background-color: #ffc709; }
  #status p.error {
    background-color: #e08F27; }
  .signed-in #status {
    padding-top: 70px; }
  @media screen and (max-width: 640px) {
    #status {
      padding-top: 75px; } }

.banner div {
  max-width: 900px;
  margin: 0 auto 30px auto;
  font-size: 0.8rem;
  background: #ffe9bc;
  padding: 10px;
  border: solid 1px #dac391;
  border-radius: 5px; }
  @media screen and (max-width: 499px) {
    .banner div .button:not(:last-child) {
      margin-bottom: 10px; } }

.banner p:last-child {
  margin-bottom: 0; }