/*
Theme Name: Quantopian
Theme URI: blog.quantopian.com
Description: Quantopian Blog
Author: Samantha Klonaris
Author URI: https://www.quantopian.com
Version: 1.5
Tags: quantopian
.
Your theme can be your copyrighted work.
Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/
/* mixins.scss */
/*_variables.scss */
/* Colors */
/*_typography.scss*/
body {
  color: black;
  font-size: 16px;
  font-family: "HelveticaNeue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.6;
}

html, body {
  font-family: "ff-sero-web","Open Sans","helvetica","sans-serif";
  -webkit-font-smoothing: antialiased;
}

a {
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.01s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0.01s;
  -o-transition-property: all;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0.01s;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.01s;
}
a:hover, a:focus {
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.01s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0.01s;
  -o-transition-property: all;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0.01s;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.01s;
  text-decoration: none;
}

.clear {
  clear: both;
  float: none;
}

.back-button {
  font-size: 18px;
  font-weight: 500;
  color: #a1a6b1;
  display: inline-block;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.01s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0.01s;
  -o-transition-property: all;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0.01s;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.01s;
}
.back-button:before {
  height: 18px;
  width: 20px;
  background-image: url("images/icon-back.svg");
  background-repeat: no-repeat;
  background-size: 12px;
  content: " ";
  position: relative;
  top: 1px;
  padding-right: 23px;
  vertical-align: baseline;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.01s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0.01s;
  -o-transition-property: all;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0.01s;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.01s;
}
.back-button:hover, .back-button:focus {
  cursor: pointer;
  color: #636a77;
  text-decoration: none;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.01s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0.01s;
  -o-transition-property: all;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0.01s;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.01s;
}
.back-button:hover:before, .back-button:focus:before {
  background-image: url("images/icon-back-hover.svg");
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.01s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0.01s;
  -o-transition-property: all;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0.01s;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.01s;
}

.pquote {
  font-size: 28px;
  font-weight: 500;
  color: #ac3394;
  line-height: 38px;
}
.pquote blockquote {
  font-size: 28px;
  border: none;
  margin-left: -25px;
  padding-left: 0px;
}
@media (max-width: 767px) {
  .pquote blockquote {
    margin-left: 0px;
  }
}

#notebook-container.container {
  width: initial;
  padding-left: 0px;
  padding-right: 0px;
}
#notebook-container.container:focus {
  outline: none;
}

#notebook:focus {
  outline: none;
}

.featured-mobile .featured-column-title {
  color: #a1a6b1;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-size: 14px;
  font-weight: 500;
  margin-top: 5px;
}

.form-group {
  margin: 0 auto;
  text-align: center;
}
.form-group input {
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.01s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0.01s;
  -o-transition-property: all;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0.01s;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.01s;
}
.form-group input:not(.button) {
  width: 100%;
  max-width: 465px;
  font-size: 18px;
  color: #1e2024;
  height: 52px;
  padding: 15px 0px 15px 17px;
  border-radius: 2px;
  border: 1px solid #d9dbdf;
  background-color: rgba(217, 219, 223, 0.25);
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.01s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0.01s;
  -o-transition-property: all;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0.01s;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.01s;
}
.form-group input:focus {
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.01s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0.01s;
  -o-transition-property: all;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0.01s;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.01s;
  border: 1px solid #aaafb7;
  background-color: #ffffff;
  outline: none;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.01s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0.01s;
  -o-transition-property: all;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0.01s;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.01s;
}
.form-group input:not(:focus):not(.button) {
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.01s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0.01s;
  -o-transition-property: all;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0.01s;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.01s;
  background-color: #f7f7f7;
  outline: none;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.01s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0.01s;
  -o-transition-property: all;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0.01s;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.01s;
}
.form-group textarea {
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.01s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0.01s;
  -o-transition-property: all;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0.01s;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.01s;
  width: 100%;
  font-size: 18px;
  color: rgba(30, 32, 36, 0.35);
  padding: 15px 0px 15px 17px;
  border-radius: 2px;
  background-color: #f7f7f7;
  border: 1px solid #d9dbdf;
  resize: none;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.01s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0.01s;
  -o-transition-property: all;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0.01s;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.01s;
}
.form-group textarea:focus {
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.01s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0.01s;
  -o-transition-property: all;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0.01s;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.01s;
  border: 1px solid #aaafb7;
  background-color: #ffffff;
  color: #1e2024;
  outline: none;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.01s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0.01s;
  -o-transition-property: all;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0.01s;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.01s;
}
.form-group textarea:focus ~ .wmd-button-bar {
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.01s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0.01s;
  -o-transition-property: all;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0.01s;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.01s;
  background-color: #ffffff;
}

button:focus {
  outline: none;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.01s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0.01s;
  -o-transition-property: all;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0.01s;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.01s;
}

.button, a.button {
  border-radius: 2px;
  padding: 14px 25px 13px 25px;
  font-size: 18px;
  font-weight: 500;
  display: inline-block;
  text-decoration: none;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.01s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0.01s;
  -o-transition-property: all;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0.01s;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.01s;
}
.button:hover, .button:focus, a.button:hover, a.button:focus {
  cursor: pointer;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.01s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0.01s;
  -o-transition-property: all;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0.01s;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.01s;
}
.button.red {
  background-color: #920000;
  color: #ffffff;
}
.button.red:hover, .button.red:focus {
  background-color: #810000;
}
.button.blue, a.button.blue {
  background-color: #4a90e2;
  color: #ffffff;
}
.button.blue:hover, .button.blue:focus,
a.button.blue:hover, a.button.blue:focus {
  background-color: #2d7edd;
}
.button.transparent, .button.transparent-to-blue, a.button.transparent-to-blue {
  color: #ffffff !important;
  border: 1px solid #ffffff;
}
.button.transparent:hover, .button.transparent:focus, 
.button.transparent-to-blue:hover, .button.transparent-to-blue:focus,
a.button.transparent-to-blue:hover, a.button.transparent-to-blue:focus {
  background-color: #4a90e2  !important;
  color: #ffffff;
  border-color: #4a90e2;
}
.button.small {
  text-transform: uppercase;
  font-size: 12px;
  padding: 15px 20px 12px 20px;
}
.button.disabled {
  pointer-events: none !important;
  opacity: .5;
}

a.button:hover, a.button:focus {
  text-decoration: none;
}

.quanto-dropdown-new:hover {
  cursor: pointer;
}
.quanto-dropdown-new:hover ul.dropdown-menu {
  opacity: 1;
  visibility: visible;
}
.quanto-dropdown-new .header:after {
  position: absolute;
  display: inline-block;
  content: '';
  height: 12px;
  width: 12px;
  background-image: url("/assets/icons/icon-arrow-down.svg");
  margin-left: 20px;
  margin-top: 5px;
}
.quanto-dropdown-new ul.dropdown-menu {
  -moz-box-shadow: 0px 5px 15px 0px rgba(30, 32, 36, 0.15);
  -webkit-box-shadow: 0px 5px 15px 0px rgba(30, 32, 36, 0.15);
  box-shadow: 0px 5px 15px 0px rgba(30, 32, 36, 0.15);
  border: none;
  border-radius: 2px;
  font-size: 16px;
  width: 220px;
  padding: 12px 0px;
  display: block;
  opacity: 0;
  visibility: hidden;
}
.quanto-dropdown-new ul.dropdown-menu:before {
  position: absolute;
  top: -11px;
  left: 99px;
  display: inline-block;
  border-right: 11px solid transparent;
  border-bottom: none;
  border-left: 11px solid transparent;
  content: '';
}
.quanto-dropdown-new ul.dropdown-menu:after {
  position: absolute;
  top: -10px;
  left: 100px;
  display: inline-block;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
  border-left: 10px solid transparent;
  content: '';
}
.quanto-dropdown-new ul.dropdown-menu.dropup:before {
  top: initial;
  bottom: -11px;
  border-top: 11px solid rgba(30, 32, 36, 0.15);
}
.quanto-dropdown-new ul.dropdown-menu.dropup:after {
  top: initial;
  border-bottom: none;
  border-top: 10px solid #ffffff;
  bottom: -10px;
}
.quanto-dropdown-new ul.dropdown-menu.dropup li:hover {
  background-color: initial;
}
.quanto-dropdown-new ul.dropdown-menu.dropup li:hover a {
  color: #4a90e2;
}
.quanto-dropdown-new ul.dropdown-menu li {
  padding: 0px;
  text-align: center;
  text-transform: initial;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.01s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.1s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0.01s;
  -o-transition-property: all;
  -o-transition-duration: 0.1s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0.01s;
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.01s;
}
.quanto-dropdown-new ul.dropdown-menu li a {
  color: #636a77;
  padding: 3px 0px;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.01s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.1s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0.01s;
  -o-transition-property: all;
  -o-transition-duration: 0.1s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0.01s;
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.01s;
}
.quanto-dropdown-new ul.dropdown-menu li a:hover, .quanto-dropdown-new ul.dropdown-menu li a:focus {
  background-color: transparent;
}
.quanto-dropdown-new ul.dropdown-menu li:hover, .quanto-dropdown-new ul.dropdown-menu li:focus {
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.01s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.1s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0.01s;
  -o-transition-property: all;
  -o-transition-duration: 0.1s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0.01s;
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.01s;
  background-color: #4a90e2;
}
.quanto-dropdown-new ul.dropdown-menu li:hover a, .quanto-dropdown-new ul.dropdown-menu li:focus a {
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.01s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.1s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0.01s;
  -o-transition-property: all;
  -o-transition-duration: 0.1s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0.01s;
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.01s;
  color: #ffffff;
  opacity: 1;
}

#header {
  position: absolute;
  width: 100%;
  height: 80px;
}
#header.dark {
  position: relative;
}
#header.dark #app-navbar {
  background-color: #1e2024;
}

#app-navbar {
  background-color: initial;
  font-size: 16px;
  font-weight: 500;
  height: 100%;
  border: none;
}
#app-navbar .container-fluid {
  padding-left: 35px;
  padding-right: 35px;
}
#app-navbar .navbar-header .navbar-toggle {
  margin-top: 14px;
  margin-bottom: 14px;
  padding: 13px 10px;
  margin-right: 0px;
}
#app-navbar .navbar-header .navbar-toggle .icon.hamburger-menu {
  height: 30px;
  width: 30px;
  position: relative;
  top: 5px;
  background-repeat: no-repeat;
}
#app-navbar .navbar-header .navbar-brand {
  padding-top: 18px;
}
#app-navbar .navbar-header .navbar-brand .logo-image {
  height: 46px;
  width: 46px;
  background-image: url("images/logo-q-white.svg");
  background-repeat: no-repeat;
  display: inline-block;
  z-index: 2;
  position: relative;
}
#app-navbar .navbar-header .navbar-brand .logo-image:hover {
  opacity: .5;
}
#app-navbar .navbar-header .navbar-brand .logo-image-text {
  height: 46px;
  width: 110px;
  background-image: url("images/logo-q-text.svg");
  background-repeat: no-repeat;
  display: inline-block;
  margin-left: -48px;
  z-index: 1;
  position: relative;
}
#app-navbar .navbar-header .navbar-brand .logo-image-text:hover {
  opacity: .5;
}
@media (max-width: 767px) {
  #app-navbar .navbar-header .navbar-brand {
    padding-left: 0px;
  }
}
#app-navbar .navbar-nav li {
  padding-top: 17px;
  padding-right: 25px;
}
@media (max-width: 767px) {
  #app-navbar .navbar-nav {
    display: none;
  }
}

.footer {
  background-color: #1e2024;
  padding-top: 125px;
  padding-bottom: 125px;
  -webkit-font-smoothing: auto3;
}
.footer .col-xs-12 {
  padding-left: 15px;
  padding-right: 15px;
}
.footer .header {
  font-size: 16px;
  font-weight: 500;
  color: #f4f5f6;
  margin-bottom: 10px;
}
.footer .header-row {
  margin-bottom: 125px;
}
.footer .header-row .feedback-email {
  color: #f4f5f6;
  font-size: 16px;
  position: relative;
  top: 15px;
}
.footer .header-row .feedback-email a.open-feedback-link {
  color: #a1a6b1;
  margin-left: 5px;
}
.footer .header-row .feedback-email a.open-feedback-link:hover {
  cursor: pointer;
  color: #f4f5f6;
  text-decoration: none;
}
.footer .header-row .logotype-image {
  background-image: url("images/logo-q-logotype-f4f5f6.svg");
  height: 48px;
  width: 174px;
}
.footer .footer-row a {
  font-size: 16px;
  font-weight: 500;
  color: #a1a6b1;
}
.footer .footer-row a:hover {
  color: #f4f5f6;
  text-decoration: none;
}
.footer .footer-row:not(:last-child) {
  margin-bottom: 10px;
}
.footer .disclaimer {
  margin-top: 125px;
}
@media (max-width: 767px) {
  .footer {
    display: none;
  }
}

.disclaimer {
  font-size: 13px;
  color: #545a65;
  text-align: justify;
}
.disclaimer p {
  margin-bottom: 10px;
}

.mobile-footer {
  background-color: #1e2024;
  text-align: center;
  padding: 75px 0px 15px;
  color: #f4f5f6;
  font-size: 18px;
  display: none;
}
@media (max-width: 767px) {
  .mobile-footer {
    display: block;
  }
}
.mobile-footer .mobile-nav-row-footer {
  padding-bottom: 14px;
}
.mobile-footer .mobile-nav-row-footer p {
  margin: 0px;
}
.mobile-footer .mobile-nav-row-footer a {
  color: #f4f5f6;
}
.mobile-footer .mobile-nav-row-footer a:hover, .mobile-footer .mobile-nav-row-footer a:focus {
  color: #f4f5f6;
}
.mobile-footer .mobile-nav-row-footer:last-child {
  padding-bottom: 0px;
}
.mobile-footer .disclaimer {
  font-size: 13px;
  padding-top: 30px;
  text-align: justify;
  margin-left: 20px;
  margin-right: 20px;
  color: #545a65;
}

.hero-pane {
  text-align: center;
  min-height: 610px;
  position: relative;
  overflow: hidden;
}
.hero-pane::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 3;
  top: 0;
  left: 0;
  background-color: rgba(30, 32, 36, 0.75);
}
.hero-pane::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: center;
  background-size: cover;
  z-index: 2;
}
@media (max-height: 790px) {
  .hero-pane {
    min-height: 420px;
  }
}
.hero-pane .container {
  padding-top: 0px;
  padding-bottom: 0px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-height: 610px;
  position: relative;
  z-index: 10;
}
@media (max-height: 790px) {
  .hero-pane .container {
    min-height: 420px;
  }
}
.hero-pane .hero-post-subtitle {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 25px;
}
.hero-pane .hero-post-subtitle .hero-post-category {
  margin-right: 25px;
}
@media (max-width: 767px) {
  .hero-pane .hero-post-subtitle .hero-post-category {
    font-size: 20px;
  }
}
.hero-pane .hero-post-title {
  color: #ffffff;
  font-size: 50px;
  font-weight: 300;
  margin-bottom: 50px;
}
@media (max-height: 790px) {
  .hero-pane .hero-post-title {
    font-size: 37px;
  }
}
@media (max-width: 767px) {
  .hero-pane .hero-post-title {
    font-size: 35px;
  }
}

.blog-home {
  padding: 125px 0px 150px 0px;
}
@media (max-height: 790px) {
  .blog-home {
    padding-top: 75px;
    padding-bottom: 75px;
  }
}
@media (max-width: 767px) {
  .blog-home {
    padding: 75px 0px 60px 0px;
  }
}
.blog-home .category-list {
  border-bottom: 1px solid #e2e3e7;
  padding-bottom: 30px;
  font-weight: 700;
}
.blog-home .category-list ul {
  list-style-type: none;
  padding-left: 0px;
  font-size: 12px;
  margin-bottom: 0px;
}
.blog-home .category-list ul li {
  display: inline;
  text-transform: uppercase;
  margin-right: 15px;
}
.blog-home .category-list ul li:last-child {
  margin-right: 0px;
}
.blog-home .category-list ul li a {
  color: #a1a6b1;
}
@media (max-width: 767px) {
  .blog-home .category-list {
    text-align: center;
    line-height: 35px;
  }
}
.blog-home .post {
  padding: 40px 0px 40px 0px;
  border-bottom: 1px solid #e2e3e7;
}
.blog-home .post .featured-post-wrapper .entry-title {
  font-size: 37px;
  line-height: 47px;
}
.blog-home .post .entry-title {
  font-size: 28px;
  font-weight: 300;
  color: #1e2024;
  margin: 0px 0px 10px 0px;
  line-height: 41px;
}
.blog-home .post .entry-title a {
  color: #1e2024;
}
.blog-home .post .post-excerpt {
  font-size: 18px;
  font-weight: 500;
  color: #636a77;
  margin: 0px 0px 15px 0px;
  line-height: 31px;
  margin-top: 15px;
}
.blog-home .post .entry-meta {
  font-size: 14px;
  font-weight: 500;
  color: #a1a6b1;
}
.blog-home .post .entry-meta a:not(.category) {
  font-size: 14px;
  font-weight: 500;
  color: #a1a6b1;
}
.blog-home .post .entry-meta a:not(.category):hover {
  color: #636a77;
}
.blog-home .post .entry-meta a.category {
  margin-right: 25px;
  font-size: 12px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .blog-home .post .entry-meta a.category {
    margin-right: 20px;
  }
}
.blog-home .post .entry-meta .author, .blog-home .post .entry-meta .entry-date {
  margin-right: 15px;
}
@media (max-width: 767px) {
  .blog-home .post .entry-meta .author, .blog-home .post .entry-meta .entry-date {
    margin-right: 10px;
  }
}
@media (max-width: 767px) {
  .blog-home .post .entry-meta {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.blog-home .post .thumbnail-wrapper {
  text-align: right;
  max-height: 233px;
  overflow: hidden;
  border-radius: 2px;
  width: 326px;
  float: right;
}
.blog-home .post .thumbnail-wrapper img {
  width: 326px;
  height: auto;
}
@media (max-width: 767px) {
  .blog-home .post .thumbnail-wrapper img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 767px) {
  .blog-home .post .thumbnail-wrapper {
    width: 100%;
    margin-bottom: 45px;
  }
}
.blog-home .alm-btn-wrap {
  font-size: 18px;
  text-align: center;
  color: #4a90e2;
  margin-top: 40px;
}
.blog-home .alm-btn-wrap .alm-load-more-btn {
  font-size: 18px;
  text-align: center;
  color: #4a90e2;
  border: none;
  background: none;
  background-image: url("images/icon-more.svg");
  background-size: 36px 36px;
  background-repeat: no-repeat;
  background-position: 0px 1px;
  padding-left: 48px;
  line-height: 38px;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.01s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0.01s;
  -o-transition-property: all;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0.01s;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.01s;
}
.blog-home .alm-btn-wrap .alm-load-more-btn.done {
  color: #ffffff;
  padding-left: 0px;
  background-image: none;
  margin-left: -20px;
}
.blog-home .alm-btn-wrap .alm-load-more-btn.done:before {
  content: "No more posts";
  color: #a1a6b1;
  position: absolute;
}
.blog-home .alm-btn-wrap .alm-load-more-btn.done:hover {
  cursor: auto;
}
.blog-home .alm-btn-wrap .alm-load-more-btn:hover, .blog-home .alm-btn-wrap .alm-load-more-btn:focus {
  background-image: url("images/icon-more-hover.svg");
  color: #2d7edd;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.01s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0.01s;
  -o-transition-property: all;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0.01s;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.01s;
}

.content-area {
  padding-top: 75px;
}
.content-area .back-button {
  margin-bottom: 65px;
}
.content-area .main-content {
  display: inline-block;
  width: calc(100% - 10px);
  margin-bottom: 150px;
}
.content-area .main-content .entry-header h1.title {
  margin-top: 0px;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .content-area .main-content {
    display: block;
    width: 100%;
  }
}
.content-area .sidebar {
  width: 225px;
  display: inline-block;
  margin-left: 80px;
  float: right;
}
@media (max-width: 767px) {
  .content-area .sidebar {
    display: block;
    width: 100%;
  }
}
.content-area .title a {
  font-size: 37px;
  line-height: 47px;
  font-weight: 300;
  color: #1e2024;
  margin-bottom: 25px;
  margin-top: 0px;
}
@media (max-width: 767px) {
  .content-area .title {
    margin-bottom: 15px;
  }
}
.content-area .post-meta-data {
  font-size: 16px;
  font-weight: 500;
  color: #a1a6b1;
  margin-bottom: 50px;
  position: relative;
}
.content-area .post-meta-data a {
  color: #a1a6b1;
}
.content-area .post-meta-data .category {
  text-transform: uppercase;
  font-size: 14px;
  margin-right: 25px;
}
@media (max-width: 767px) {
  .content-area .post-meta-data .category {
    font-size: 12px;
    display: block;
    margin-bottom: 2px;
  }
}
.content-area .post-meta-data .author {
  margin-right: 15px;
  font-size: 18px;
}
.content-area .post-meta-data .author a:hover {
  color: #636a77;
}
@media (max-width: 767px) {
  .content-area .post-meta-data .author {
    font-size: 14px;
  }
}
.content-area .post-meta-data .entry-date {
  font-size: 18px;
}
@media (max-width: 767px) {
  .content-area .post-meta-data .entry-date {
    font-size: 14px;
  }
}
.content-area .post-meta-data .share-dropdown {
  height: 24px;
}
.content-area .post-meta-data .share-dropdown:hover .icon.share {
  background-image: url("images/icon-share-gray.svg");
}
.content-area .post-meta-data .share-dropdown ul.share-options-menu {
  right: -80px;
  top: -150px;
  width: 205px;
}
.content-area .post-meta-data .share-dropdown ul.share-options-menu li {
  padding-left: 15px;
  padding-right: 15px;
}
.content-area .post-meta-data .share-dropdown ul.share-options-menu li a {
  text-align: left;
}
.content-area .post-meta-data .share-dropdown ul.share-options-menu li a:before {
  content: "";
  height: 24px;
  width: 24px;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 6px;
}
.content-area .post-meta-data .share-dropdown ul.share-options-menu li a.twitter-share-button:before {
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.01s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0.01s;
  -o-transition-property: all;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0.01s;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.01s;
  background-image: url("images/icon-twitter-social.svg");
}
.content-area .post-meta-data .share-dropdown ul.share-options-menu li a.facebook-button:before {
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.01s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0.01s;
  -o-transition-property: all;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0.01s;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.01s;
  background-image: url("images/icon-facebook-social.svg");
}
.content-area .post-meta-data .share-dropdown ul.share-options-menu li a.linkedin-button:before {
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.01s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0.01s;
  -o-transition-property: all;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0.01s;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.01s;
  background-image: url("images/icon-linkedin-social.svg");
}
.content-area .post-meta-data .share-dropdown ul.share-options-menu li a:hover.twitter-share-button {
  color: #00aced;
}
.content-area .post-meta-data .share-dropdown ul.share-options-menu li a:hover.twitter-share-button:before {
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.01s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0.01s;
  -o-transition-property: all;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0.01s;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.01s;
  background-image: url("images/icon-twitter-social-hover.svg");
}
.content-area .post-meta-data .share-dropdown ul.share-options-menu li a:hover.facebook-button {
  color: #496ca1;
}
.content-area .post-meta-data .share-dropdown ul.share-options-menu li a:hover.facebook-button:before {
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.01s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0.01s;
  -o-transition-property: all;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0.01s;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.01s;
  background-image: url("images/icon-facebook-social-hover.svg");
}
.content-area .post-meta-data .share-dropdown ul.share-options-menu li a:hover.linkedin-button {
  color: #0274b3d;
}
.content-area .post-meta-data .share-dropdown ul.share-options-menu li a:hover.linkedin-button:before {
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.01s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0.01s;
  -o-transition-property: all;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0.01s;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.01s;
  background-image: url("images/icon-linkedin-social-hover.svg");
}
@media (max-width: 767px) {
  .content-area .post-meta-data .share-dropdown ul.share-options-menu {
    right: -10px;
    top: -130px;
  }
  .content-area .post-meta-data .share-dropdown ul.share-options-menu:before {
    lefT: 169px;
  }
  .content-area .post-meta-data .share-dropdown ul.share-options-menu:after {
    left: 170px;
  }
}
.content-area .post-meta-data .share-dropdown .share-control {
  padding-top: 15px;
  top: -15px;
  position: relative;
}
.content-area .post-meta-data .share-dropdown .icon.share {
  height: 24px;
  width: 24px;
  display: inline-block;
  background-image: url("images/icon-share-light-gray.svg");
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.01s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0.01s;
  -o-transition-property: all;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0.01s;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.01s;
}
.content-area .post-meta-data .share-dropdown .icon.share:hover {
  cursor: pointer;
  background-image: url("images/icon-share-gray.svg");
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.01s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0.01s;
  -o-transition-property: all;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0.01s;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.01s;
}
.content-area .entry-content {
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  color: #636a77;
}
.content-area .entry-content img {
  max-width: 100%;
  height: auto;
  margin-top: 15px;
  margin-bottom: 15px;
}
.content-area .entry-content img.alignright {
  float: right;
  margin-left: 20px;
}
.content-area .entry-content img.alignleft {
  float: left;
  margin-right: 20px;
}
.content-area .entry-content h1 {
  font-size: 37px;
  color: #1e2024;
}
.content-area .entry-content h2 {
  margin-top: 70px;
  margin-bottom: 35px;
  font-weight: 300;
  font-size: 28px;
  color: #1e2024;
}
.content-area .entry-content h3 {
  font-size: 21px;
  color: #1e2024;
}
.content-area .entry-content p {
  color: #636a77;
}
.content-area .entry-content p:not(:last-child) {
  margin-bottom: 25px;
}
.content-area .entry-content a {
  color: #4a90e2;
}
.content-area .entry-content a:hover {
  color: #2d7edd;
}
.content-area .entry-content ul, .content-area .entry-content ol {
  -webkit-padding-start: 15px;
  margin-bottom: 35px;
}
.content-area .entry-content ul lili:not(:last-child), .content-area .entry-content ol lili:not(:last-child) {
  margin-bottom: 5px;
}
.content-area .entry-content ul ul, .content-area .entry-content ul ol, .content-area .entry-content ol ul, .content-area .entry-content ol ol {
  margin-bottom: 0px;
}
.content-area .entry-content iframe {
  width: 100%;
  margin-bottom: 35px;
}
@media (min-width: 992px) {
  .content-area .entry-content iframe {
    height: 450px;
  }
}
.content-area .featured-column-title {
  color: #a1a6b1;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-size: 14px;
  font-weight: 500;
  margin-top: 5px;
}
@media (max-width: 767px) {
  .content-area .featured-column-title {
    margin-top: 65px;
  }
}
.content-area .featured-post-title {
  color: #1e2024;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 5px;
}
.content-area .featured-post-title a {
  color: #1e2024;
}
.content-area .featured-post {
  border-bottom: 1px solid #e2e3e7;
  padding-bottom: 30px;
}
.content-area .featured-post a:hover {
  text-decoration: none;
}
.content-area .featured-post:not(:last-child) {
  margin-bottom: 40px;
}
.content-area .featured-post .category {
  margin-right: 15px;
  font-size: 12px;
}
.content-area .featured-post .entry-date {
  color: #a1a6b1;
}

.featured-mobile .featured-column-title {
  color: #a1a6b1;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-size: 14px;
  font-weight: 500;
  margin-top: 5px;
}
.featured-mobile .featured-post-title {
  color: #1e2024;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 5px;
}
.featured-mobile .featured-post {
  border-bottom: 1px solid #e2e3e7;
  padding-bottom: 30px;
}
.featured-mobile .featured-post:not(:last-child) {
  margin-bottom: 40px;
}
.featured-mobile .category {
  margin-right: 15px;
  font-size: 12px;
}
.featured-mobile .entry-date {
  color: #a1a6b1;
  font-size: 14px;
}

.comments-area {
  padding-bottom: 110px;
}
.comments-area p.no-comments {
  display: none;
}
@media (max-width: 767px) {
  .comments-area {
    padding-bottom: 150px;
  }
}
.comments-area .comment {
  padding-top: 50px;
  padding-bottom: 40px;
  border-top: 1px solid #e2e3e7;
}
.comments-area .comment .author-avatar {
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
}
.comments-area .comment .author-avatar img {
  border-radius: 20px;
  margin-top: -5px;
}
.comments-area .comment .comment-main {
  display: inline-block;
  width: calc(100% - 55px);
}
.comments-area .comment .comment-main .fn {
  font-size: 16px;
  color: #1e2024;
  font-weight: 500;
  font-style: initial;
  margin-bottom: 20px;
}
.comments-area .comment .comment-main .fn a {
  font-size: 16px;
  color: #1e2024;
  font-weight: 500;
  font-style: initial;
  margin-bottom: 20px;
}
.comments-area .comment .comment-main .fn a:hover {
  text-decoration: none;
}
.comments-area .comment .comment-main .comment-body {
  font-size: 16px;
  color: #636a77;
  margin-bottom: 20px;
}
.comments-area .comment .comment-main .comment-meta {
  font-size: 16px;
  color: #a1a6b1;
}
.comments-area .comment .comment-main .comment-meta a {
  font-size: 16px;
  color: #a1a6b1;
}
.comments-area .comment .comment-main .comment-meta .comment-edit-link {
  margin-left: 15px;
}
.comments-area .comment .comment-main .comment-meta .comment-edit-link :hover, .comments-area .comment .comment-main .comment-meta .comment-edit-link :focus {
  color: #636a77;
}
.comments-area .comments-list {
  margin-top: 50px;
}
.comments-area #reply-title {
  margin-bottom: 40px;
  font-size: 21px;
  color: #1e2024;
}
.comments-area .reply-area {
  text-align: left;
}
.comments-area .submit-reply-button {
  border: none;
  position: relative;
  float: right;
}
.comments-area .form-group {
  text-align: left;
  margin-bottom: 22px;
}
.comments-area .form-group input {
  width: 100%;
  max-width: initial;
}
.comments-area .comment-notes {
  position: absolute;
  margin-top: -70px;
  left: 170px;
  font-size: 18px;
  color: #a1a6b1;
}
.comments-area .form-submit {
  height: 52px;
}
.comments-area #comment-error {
  position: absolute;
  color: #a1a6b1;
  display: block;
  margin-top: 20px;
}

.author-page {
  background-color: #f4f5f6;
}
.author-page .back-button {
  position: absolute;
  margin-left: 15px;
  margin-top: 6px;
}
@media (max-width: 767px) {
  .author-page .back-button {
    display: block;
    position: relative;
    margin-left: 0px;
    margin-bottom: 40px;
  }
}
.author-page .sticky-wrapper {
  padding-top: 32px;
  padding-bottom: 32px;
}
@media (max-width: 767px) {
  .author-page .sticky-wrapper {
    padding-bottom: 50px;
    padding-top: 50px;
  }
}
.author-page .author-info {
  text-align: center;
  font-size: 18px;
}
.author-page .author-info .author-image {
  display: inline-block;
  vertical-align: middle;
}
.author-page .author-info .author-image img {
  border-radius: 20px;
}
@media (max-width: 767px) {
  .author-page .author-info .author-image {
    display: block;
    margin-bottom: 25px;
  }
}
.author-page .author-info .author-name {
  color: #1e2024;
  margin-left: 15px;
  display: inline-block;
}
@media (max-width: 767px) {
  .author-page .author-info .author-name {
    display: block;
    margin-left: 0px;
    margin-bottom: 5px;
  }
}
.author-page .author-info .author-title {
  color: #a1a6b1;
  margin-left: 10px;
  display: inline-block;
}
@media (max-width: 767px) {
  .author-page .author-info .author-title {
    margin-left: 0px;
    display: block;
  }
}

.subscribe {
  background-color: #c50000;
  padding-top: 125px;
  padding-bottom: 150px;
}
.subscribe .title {
  color: #ffffff;
  font-size: 37px;
  text-align: center;
  font-weight: 300;
  margin-bottom: 30px;
}
.subscribe #mce-EMAIL {
  display: inline-block;
  margin-right: 20px;
  border: none;
  background-color: #ffffff;
}
@media (max-width: 767px) {
  .subscribe #mce-EMAIL {
    width: 100%;
    display: block;
    margin-bottom: 20px;
    margin-right: 0px;
  }
}
.subscribe #mc-embedded-subscribe {
  display: inline-block;
  border: none;
}
@media (max-width: 767px) {
  .subscribe #mc-embedded-subscribe {
    display: block;
    width: 100%;
  }
}
.subscribe #mce-EMAIL-error {
  display: block;
  width: 100%;
  position: absolute;
  margin: 0 auto;
  margin-top: 15px;
  color: #ffffff;
}

/************** Jupyter Notebook CSS ************************/
.input_prompt {
  color: #0066cc;
}

.output_prompt {
  color: #cc0000;
}

.prompt {
  font-family: monospace;
  font-size: 14px;
}

.c, c1 {
  color: #408080;
  font-style: italic;
}

.k {
  color: #338822;
  font-weight: bold;
}

.kn {
  color: #338822;
  font-weight: bold;
}

.mi {
  color: #008800;
}

.mf {
  color: #008800;
}

.o {
  color: #9966ff;
}

.ow {
  color: #BA22FF;
  font-weight: bold;
}

.nb {
  color: #338822;
}

.n {
  color: #000000;
}

.s, .s1 {
  color: #cc2222;
}

.se {
  color: #cc2222;
  font-weight: bold;
}

.si {
  color: #C06688;
  font-weight: bold;
}

.nn {
  color: #4D00FF;
  font-weight: bold;
}

.output_area pre {
  background-color: #ffffff;
  padding-left: 5%;
}

.code_cell {
  padding-left: 1%;
}

.cell {
  margin-top: 10px;
  margin-bottom: 10px;
}

br {
  line-height: 2;
}

.cell h1, h2, h3, h4 {
  margin-top: 30px;
  margin-bottom: 10px;
}

/************** Jupyter Notebook CSS ************************/
#cboxContent {
  margin-top: 50px !important;
}

#cboxClose {
  top: -50px !important;
  right: 0px !important;
  height: 30px !important;
  width: 30px !important;
  border-radius: 20px !important;
  background: url("images/icon-x-out.png") no-repeat !important;
}

.gallery_colorbox.cboxElement:before {
  content: "";
  width: 34px;
  height: 34px;
  background-color: rgba(30, 32, 36, 0.75);
  position: absolute;
  margin-top: 40px;
  right: 45px;
  border-radius: 2px;
  background-image: url("images/icon-expand.svg");
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition-property: all;
  -webkit-transition-duration: 3.15s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.01s;
  -moz-transition-property: all;
  -moz-transition-duration: 3.15s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0.01s;
  -o-transition-property: all;
  -o-transition-duration: 3.15s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0.01s;
  transition-property: all;
  transition-duration: 3.15s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.01s;
  opacity: 0;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.01s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0.01s;
  -o-transition-property: all;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0.01s;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.01s;
}
.gallery_colorbox.cboxElement:focus {
  outline: none;
}
.gallery_colorbox.cboxElement:hover:before {
  opacity: 1;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-in-out;
  -webkit-transition-delay: 0.01s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.15s;
  -moz-transition-timing-function: ease-in-out;
  -moz-transition-delay: 0.01s;
  -o-transition-property: all;
  -o-transition-duration: 0.15s;
  -o-transition-timing-function: ease-in-out;
  -o-transition-delay: 0.01s;
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.01s;
}
.gallery_colorbox.cboxElement img:hover {
  cursor: auto;
}
.gallery_colorbox.cboxElement img:focus {
  outline: none;
}

a.category {
  text-transform: uppercase;
  font-weight: 700;
}
a.category.company.news {
  color: #ac3394;
}
a.category.data.science {
  color: #00b4db;
}
a.category.cio.blog {
  color: #00b745;
}
a.category.quant.finance {
  color: #f57005;
}
a.category.quantcon {
  color: #ce45a9;
}
a.category.uncategorized {
  display: none;
}

.blog-home .category-list ul li.active a {
  color: #1e2024;
}
.blog-home .category-list ul li.active.company.news a {
  color: #ac3394;
}
.blog-home .category-list ul li.active.data.science a {
  color: #00b4db;
}
.blog-home .category-list ul li.active.cio.blog a {
  color: #00b745;
}
.blog-home .category-list ul li.active.quant.finance a {
  color: #f57005;
}
.blog-home .category-list ul li.active.quantcon a {
  color: #ce45a9;
}
.blog-home .category-list ul li.uncategorized {
  display: none;
}
.blog-home .category-list ul li a:hover, .blog-home .category-list ul li a:focus {
  color: #1e2024;
}
.blog-home .category-list ul li.company.news:not(.active):hover a, .blog-home .category-list ul li.company.news:not(.active):focus a, .blog-home .category-list ul li.company.news:not(.active) a:focus {
  color: #ac3394;
}
.blog-home .category-list ul li.data.science:not(.active):hover a, .blog-home .category-list ul li.data.science:not(.active):focus a, .blog-home .category-list ul li.data.science:not(.active) a:focus {
  color: #00b4db;
}
.blog-home .category-list ul li.cio.blog:not(.active):hover a, .blog-home .category-list ul li.cio.blog:not(.active):focus a, .blog-home .category-list ul li.cio.blog:not(.active) a:focus {
  color: #00b745;
}
.blog-home .category-list ul li.quant.finance:not(.active):hover a, .blog-home .category-list ul li.quant.finance:not(.active):focus a, .blog-home .category-list ul li.quant.finance:not(.active) a:focus {
  color: #f57005;
}
.blog-home .category-list ul li.quantcon:not(.active):hover a, .blog-home .category-list ul li.quantcon:not(.active):focus a, .blog-home .category-list ul li.quantcon:not(.active) a:focus {
  color: #ce45a9;
}

@media (max-width: 767px) {
  .container, .col-xs-12 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .row {
    margin-left: -20px;
    margin-right: -20px;
  }

  .reply-post-wrapper {
    padding-bottom: 0px;
  }

  .reply-post-wrapper .submit-reply-button {
    right: 25px;
  }
}