/*-------------------------------------------------------*/
/* Typography */
/*-------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap");
p {
  font-family: "Merriweather", serif;
  font-size: 15px !important;
  font-weight: 400;
  line-height: 26px;
  color: #111111; }

h3 {
  font-family: "IBM Plex Mono", monospace;
  font-size: 18px !important;
  font-weight: 700;
  line-height: 18px;
  color: #111111;
  margin-bottom: 35px; }

.text-primary {
  color: #D91B22 !important;
  font-family: "IBM Plex Mono", monospace;
  font-size: 11px !important;
  font-weight: 700;
  line-height: 17px;
  color: #D91B22;
  text-transform: uppercase; }

.red {
  color: #D91B22; }

*:focus {
  outline: none !important; }

.btn {
  font-family: "Merriweather", serif;
  font-size: 20px !important;
  font-weight: 700;
  line-height: initial;
  color: #fff;
  padding: 10px 18px;
  border-radius: 4px; }
  @media only screen and (max-width: 767px) {
    .btn {
      font-size: 16px;
      width: 100%; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .btn {
      font-size: 18px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .btn {
      font-size: 14px; } }
  .btn.btn-primary {
    background: #000000;
    border-color: #000000; }
    .btn.btn-primary:focus {
      box-shadow: none !important; }

.pointer {
  cursor: pointer; }
  .pointer:hover {
    cursor: pointer; }

.modal-backdrop {
  background: #111111; }

.modal-backdrop.show {
  opacity: 0.8; }

.formkit-form [data-style="clean"] {
  padding: 5px !important; }

.formkit-form .formkit-powered-by {
  display: none !important; }

.formkit-form button {
  margin: 0 0 10px !important;
  background: #111 !important;
  border-radius: 0px !important; }

.formkit-form .formkit-field {
  margin: 0 0 10px !important; }
  .formkit-form .formkit-field input {
    border-radius: 0px !important;
    border: 1px solid #111 !important; }

body {
  background: #f8f6f1; /* sriramk - changed from #F9F9F9; */

  font-family: "Merriweather", serif;
  -webkit-font-smoothing: antialiased;
  padding-top: 187px; } /* SriramK Changed from 187 */
  @media only screen and (max-width: 767px) {
    body {
      padding-top: 120px;
      padding-left: 20px;
      padding-right: 20px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    body {
      padding-top: 150px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    body {
      padding-top: 160px; } }
  body .margin-top-to-header {
    margin-top: -190px; }
    @media (min-width: 992px) and (max-width: 1199px) {
      body .margin-top-to-header {
        margin-top: -150px; } }
    @media only screen and (max-width: 991px) {
      body .margin-top-to-header {
        margin-top: 0; } }
  body .sidebar-menu {
    margin-top: 85px;
    text-align: left; }
    @media (min-width: 768px) and (max-width: 991px) {
      body .sidebar-menu {
        margin-top: 45px; } }
    body .sidebar-menu span {
      font-family: "Merriweather", serif;
      font-size: 15px !important;
      font-weight: 400;
      line-height: 26px;
      color: #111111;
      font-style: italic;
      margin-bottom: 20px;
      display: inline-block; }
    body .sidebar-menu ul {
      list-style-type: none;
      padding-left: 0; }
      body .sidebar-menu ul li a {
        font-family: "Merriweather", serif;
        font-size: 15px !important;
        font-weight: 400;
        line-height: 26px;
        color: #111111;
        color: #D91B22;
        text-decoration: underline;
        padding: 5px 0;
        position: relative;
        display: inline-block;
        width: 100%; }
        body .sidebar-menu ul li a:hover {
          color: #000000; }
  body section {
    position: relative; }
    body section article h1 {
      font-family: "IBM Plex Mono", monospace;
      font-size: 72px !important;
      font-weight: 500;
      line-height: 72px;
      color: #111111;
      margin-top: 47px;
      margin-bottom: 60px; }
      @media only screen and (max-width: 767px) {
        body section article h1 {
          font-family: "IBM Plex Mono", monospace;
          font-size: 56px !important;
          font-weight: 500;
          line-height: 56px;
          color: #111111;
          margin-bottom: 20px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body section article h1 {
          font-family: "IBM Plex Mono", monospace;
          font-size: 56px !important;
          font-weight: 500;
          line-height: 56px;
          color: #111111;
          margin-bottom: 35px;
          margin-top: 10px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        body section article h1 {
          font-family: "IBM Plex Mono", monospace;
          font-size: 56px !important;
          font-weight: 500;
          line-height: 56px;
          color: #111111;
          margin-bottom: 30px;
          margin-top: 10px; } }
    body section article h2 {
      font-family: "IBM Plex Mono", monospace;
      font-size: 24px !important;
      font-weight: 700;
      line-height: 24px;
      color: #111111;
      margin-bottom: 35px; }
      @media only screen and (max-width: 767px) {
        body section article h2 {
          margin-bottom: 20px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body section article h2 {
          margin-bottom: 20px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        body section article h2 {
          margin-bottom: 30px; } }
    body section article h3 {
      font-family: "IBM Plex Mono", monospace;
      font-size: 16px !important;
      font-weight: 500;
      line-height: 16px;
      color: #111111;
      margin-bottom: 35px; }
      @media only screen and (max-width: 767px) {
        body section article h3 {
          margin-bottom: 20px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body section article h3 {
          margin-bottom: 20px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        body section article h3 {
          margin-bottom: 30px; } }
    body section article p {
      font-size: 17px !important;
      line-height: 1.75;
      margin-bottom: 35px; }
      @media only screen and (max-width: 767px) {
        body section article p {
          margin-bottom: 20px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body section article p {
          margin-bottom: 20px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        body section article p {
          margin-bottom: 40px; } }
      body section article p a {
        color: #D91B22;
        text-decoration: underline; }
        body section article p a:hover {
          color: #000000; }
    body section article .card-profile {
      padding: 50px 60px !important;
      margin-top: 50px; }
      @media only screen and (min-width: 1200px) {
        body section article .card-profile {
          margin-left: -95px; } }
      body section article .card-profile p {
        margin-bottom: 1rem !important; }
      body section article .card-profile h3 {
        font-family: "IBM Plex Mono", monospace;
        font-size: 18px !important;
        font-weight: 700;
        line-height: 18px;
        color: #111111;
        margin-bottom: 35px; }
    body section article blockquote {
      padding: 45px 0;
      border-top: 2px solid #000000;
      border-bottom: 2px solid #000000;
      position: relative;
      margin-bottom: 60px;
      margin-top: 25px;
      display: inline-block; }
      @media only screen and (max-width: 767px) {
        body section article blockquote {
          padding: 20px 0;
          margin-bottom: 20px;
          margin-top: 0; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body section article blockquote {
          padding: 30px 0;
          margin-bottom: 30px;
          margin-top: 0; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        body section article blockquote {
          padding: 35px 0;
          margin-bottom: 40px;
          margin-top: 0; } }
      @media only screen and (min-width: 1200px) {
        body section article blockquote {
          margin-left: -95px; } }
      body section article blockquote p {
        font-family: "Merriweather", serif;
        font-size: 32px !important;
        font-weight: 400;
        line-height: 51px;
        color: #111111;
        margin-bottom: 0; }
        @media only screen and (max-width: 767px) {
          body section article blockquote p {
            font-family: "Merriweather", serif;
            font-size: 20px !important;
            font-weight: 400;
            line-height: 26px;
            color: #111111; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body section article blockquote p {
            font-family: "Merriweather", serif;
            font-size: 22px !important;
            font-weight: 400;
            line-height: 34px;
            color: #111111; } }
        @media (min-width: 992px) and (max-width: 1199px) {
          body section article blockquote p {
            font-family: "Merriweather", serif;
            font-size: 24px !important;
            font-weight: 400;
            line-height: 36px;
            color: #111111; } }
      body section article blockquote span {
        font-family: "Merriweather", serif;
        font-size: 42px !important;
        font-weight: 400;
        line-height: 51px;
        color: #111111;
        position: absolute;
        left: -40px;
        top: 40px; }
        @media only screen and (max-width: 767px) {
          body section article blockquote span {
            position: relative;
            left: auto;
            top: auto;
            font-family: "Merriweather", serif;
            font-size: 18px !important;
            font-weight: 400;
            line-height: 22px;
            color: #111111; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body section article blockquote span {
            font-family: "Merriweather", serif;
            font-size: 22px !important;
            font-weight: 400;
            line-height: 34px;
            color: #111111; } }
        @media (min-width: 992px) and (max-width: 1199px) {
          body section article blockquote span {
            font-family: "Merriweather", serif;
            font-size: 24px !important;
            font-weight: 400;
            line-height: 36px;
            color: #111111; } }
        body section article blockquote span:last-of-type {
          position: relative;
          left: auto;
          top: auto; }
    body section article hr {
      margin: 72px 0;
      border-top: 2px solid #000000;
      width: 100px !important; }
      @media only screen and (max-width: 767px) {
        body section article hr {
          margin: 20px 0; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body section article hr {
          margin: 30px 0; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        body section article hr {
          margin: 40px 0; } }
    body section article img.img-full {
      margin-bottom: 60px;
      margin-top: 25px;
      height: auto; }
      @media only screen and (min-width: 1200px) {
        body section article img.img-full {
          margin-left: -100px;
          max-width: 750px; } }
      @media only screen and (max-width: 767px) {
        body section article img.img-full {
          max-width: 100%;
          margin-bottom: 20px;
          margin-top: 0;
          height: auto; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body section article img.img-full {
          margin-bottom: 30px;
          margin-top: 0;
          max-width: 100%; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        body section article img.img-full {
          margin-bottom: 40px;
          margin-top: 0;
          max-width: 100%; } }
    body section.blog-post {
      padding-top: 10px; /* changed from 80px */
      padding-bottom: 15px; } /* changed from 145px */
      @media only screen and (max-width: 767px) {
        body section.blog-post {
          padding-top: 30px;
          padding-bottom: 40px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body section.blog-post {
          padding-top: 60px;
          padding-bottom: 60px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        body section.blog-post {
          padding-top: 80px;
          padding-bottom: 80px; } }
    body section .card-profile {
       /* background: #fff; Sriramk changed from white*/
      border-bottom: 2px solid #000000;
      padding: 50px 60px 30px;
      height: 100%; }
      @media (min-width: 768px) and (max-width: 991px) {
        body section .card-profile {
          padding: 45px 60px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        body section .card-profile {
          padding: 30px 30px 20px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body section .card-profile h3 {
          margin-bottom: 15px; } }
      @media only screen and (max-width: 767px) {
        body section .card-profile h3 {
          margin-bottom: 10px; } }
    body section .profile {
      position: relative; }
      @media only screen and (max-width: 767px) {
        body section .profile {
          margin-top: 40px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body section .profile {
          display: flex;
          margin-top: 40px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        body section .profile {
          margin-top: 60px; } }
      body section .profile .credit {
        position: absolute;
        top: -20px;
        font-size: 11px;
        opacity: 50%;
        margin: 0 auto;
        display: block;
        font-style: italic; }
        @media only screen and (max-width: 767px) {
          body section .profile .credit {
            width: 100%; } }
      body section .profile img {
        z-index: 1;
        width: 100%;
        max-width: 400px;
        height: auto;
        position: relative; }
        @media (min-width: 768px) and (max-width: 991px) {
          body section .profile img {
            width: 40%; } }
      body section .profile .card-profile {
        margin: -25px 15px;
        z-index: 2;
        position: relative;
        padding: 50px 50px 30px; }
        @media only screen and (max-width: 767px) {
          body section .profile .card-profile {
            margin-left: 0;
            margin-right: 0; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body section .profile .card-profile {
            width: 60%;
            margin-top: 0;
            margin-bottom: 0;
            height: auto; } }
        @media (min-width: 992px) and (max-width: 1199px) {
          body section .profile .card-profile {
            margin: -25px 5px;
            padding: 50px 30px 30px; } }
    body section .border-bottom {
      border-bottom: 2px solid #000000 !important; }
    body section.subscribe {
      padding-top: 10px; /* changed from 120 SriramK */
      padding-bottom: 10px; } /* changed from 145 SriramK */
      @media only screen and (max-width: 767px) {
        body section.subscribe {
          padding-top: 30px;
          padding-bottom: 40px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body section.subscribe {
          padding-top: 60px;
          padding-bottom: 60px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        body section.subscribe {
          padding-top: 80px;
          padding-bottom: 80px; } }
      @media only screen and (max-width: 767px) {
        body section.subscribe img {
          max-width: 400px; } }
      @media only screen and (max-width: 767px) {
        body section.subscribe .single-card {
          margin-bottom: 0px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body section.subscribe .single-card {
          margin-bottom: 0px; } }
      body section.subscribe .single-card .card-content {
        padding: 40px 60px; }
        @media only screen and (max-width: 767px) {
          body section.subscribe .single-card .card-content {
            padding: 20px 0;
            min-width: 100%; } }
        @media (min-width: 768px) and (max-width: 991px) {
          body section.subscribe .single-card .card-content {
            padding: 20px 40px; } }
        @media (min-width: 992px) and (max-width: 1199px) {
          body section.subscribe .single-card .card-content {
            padding: 20px 40px; } }
        body section.subscribe .single-card .card-content .text-primary {
          position: relative;
          display: inline-block;
          width: 100%;
          margin-bottom: 25px; }
          @media only screen and (max-width: 767px) {
            body section.subscribe .single-card .card-content .text-primary {
              margin-bottom: 15px; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body section.subscribe .single-card .card-content .text-primary {
              margin-bottom: 20px; } }
          @media (min-width: 992px) and (max-width: 1199px) {
            body section.subscribe .single-card .card-content .text-primary {
              margin-bottom: 20px; } }
        body section.subscribe .single-card .card-content h1 {
          font-family: "IBM Plex Mono", monospace;
          font-size: 48px !important;
          font-weight: 500;
          line-height: 48px;
          color: #111111;
          margin-bottom: 40px; }
          @media only screen and (max-width: 767px) {
            body section.subscribe .single-card .card-content h1 {
              font-family: "IBM Plex Mono", monospace;
              font-size: 42px !important;
              font-weight: 500;
              line-height: 42px;
              color: #111111;
              margin-bottom: 20px; } }
          @media (min-width: 768px) and (max-width: 991px) {
            body section.subscribe .single-card .card-content h1 {
              font-family: "IBM Plex Mono", monospace;
              font-size: 42px !important;
              font-weight: 500;
              line-height: 42px;
              color: #111111;
              margin-bottom: 20px; } }
          @media (min-width: 992px) and (max-width: 1199px) {
            body section.subscribe .single-card .card-content h1 {
              font-family: "IBM Plex Mono", monospace;
              font-size: 42px !important;
              font-weight: 500;
              line-height: 42px;
              color: #111111;
              margin-bottom: 20px; } }
          body section.subscribe .single-card .card-content h1 a {
            color: #000000;
            font-style: normal;
            text-decoration: none; }
            body section.subscribe .single-card .card-content h1 a:hover {
              color: #D91B22; }
    body section .single-card .card-content h2 {
      font-family: "IBM Plex Mono", monospace;
      font-size: 28px !important;
      font-weight: 500;
      line-height: 28px;
      color: #111111; }
      @media only screen and (max-width: 767px) {
        body section .single-card .card-content h2 {
          font-family: "IBM Plex Mono", monospace;
          font-size: 28px !important;
          font-weight: 500;
          line-height: 28px;
          color: #111111; } }
    body section .single-card .card-content a.read-more {
      font-family: "Merriweather", serif;
      font-size: 15px !important;
      font-weight: 400;
      line-height: 26px;
      color: #111111;
      font-style: italic;
      text-decoration: underline; }
      body section .single-card .card-content a.read-more:hover {
        color: #D91B22; }
    body section .single-card.small-card {
      margin-bottom: 105px;
      padding-bottom: 30px; }
      @media only screen and (max-width: 767px) {
        body section .single-card.small-card {
          margin-bottom: 40px;
          padding-bottom: 20px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body section .single-card.small-card {
          margin-bottom: 55px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        body section .single-card.small-card {
          margin-bottom: 75px; } }
      body section .single-card.small-card img {
        max-width: 100px;
        margin-bottom: 25px; }
        @media only screen and (max-width: 767px) {
          body section .single-card.small-card img {
            max-width: 150px;
            margin-bottom: 20px; } }
      body section .single-card.small-card h2 {
        margin-bottom: 30px; }
        @media only screen and (max-width: 767px) {
          body section .single-card.small-card h2 {
            margin-bottom: 20px; } }
        body section .single-card.small-card h2 a {
          color: #000000;
          font-style: normal;
          text-decoration: none; }
          body section .single-card.small-card h2 a:hover {
            color: #D91B22; }
  body .modal#subscribeModal .modal-content {
    border-radius: 0;
    border: 0; }
  body .modal#subscribeModal .modal-body {
    padding: 20px 100px 50px; }
  body .modal#subscribeModal .modal-header {
    border-bottom: 0; }
  body .modal#subscribeModal img {
    margin-bottom: 50px; }
  body .modal#subscribeModal h3 {
    margin-bottom: 20px; }
  body .modal#subscribeModal .close {
    opacity: 0.3 !important; }

header.navbar-sticky {
  z-index: 5;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%; }

header.navbar-sticky-on {
  position: fixed;
  -webkit-animation: fadeInDown .5s;
  animation: fadeInDown .5s; }
  header.navbar-sticky-on nav.navbar {
    padding: 5px 0; }
    header.navbar-sticky-on nav.navbar ul li.nav-item a.nav-link img.logo {
      width: 175px;
      height: auto; }
      @media only screen and (max-width: 767px) {
        header.navbar-sticky-on nav.navbar ul li.nav-item a.nav-link img.logo {
          width: 175px; } }

header nav.navbar {
  padding: 20px 0; }
  @media only screen and (max-width: 767px) {
    header nav.navbar {
      padding: 20px 15px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    header nav.navbar {
      padding: 30px 0; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    header nav.navbar {
      padding: 40px 0; } }
  @media only screen and (min-width: 768px) {
    header nav.navbar ul.left-menu li.mobile-separator {
      display: none; } }
  @media only screen and (max-width: 767px) {
    header nav.navbar ul.left-menu {
      order: 2;
      display: inline-block;
      width: auto !important; }
      header nav.navbar ul.left-menu li {
        display: inline-block; }
        header nav.navbar ul.left-menu li.mobile-separator {
          padding-right: 3px; } }
      @media only screen and (max-width: 767px) and (min-width: 768px) {
        header nav.navbar ul.left-menu li.mobile-separator {
          display: none; } }
  @media only screen and (max-width: 767px) {
    header nav.navbar ul.center-menu {
      order: 1;
      width: 100% !important;
      text-align: center; }
    header nav.navbar ul.right-menu {
      order: 3;
      display: inline-block;
      width: auto !important; }
      header nav.navbar ul.right-menu li {
        display: inline-block; } }
  header nav.navbar ul li.nav-item .nav-separator {
    font-family: "IBM Plex Mono", monospace;
    font-size: 11px;
    font-weight: 700;
    color: #111111;
    margin-top: -1px; }
  header nav.navbar ul li.nav-item a.nav-link {
    font-family: "IBM Plex Mono", monospace;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #111111; }
    header nav.navbar ul li.nav-item a.nav-link img.logo {
      width: 261px;
      height: auto; }
      @media only screen and (max-width: 767px) {
        header nav.navbar ul li.nav-item a.nav-link img.logo {
          width: 175px; } }
    header nav.navbar ul li.nav-item a.nav-link:hover {
      color: #D91B22; }

footer {
  padding-top: 30px;
  padding-bottom: 105px; }
  @media only screen and (max-width: 767px) {
    footer {
      padding-top: 0px;
      padding-bottom: 30px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    footer {
      padding-top: 0px;
      padding-bottom: 55px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    footer {
      padding-top: 0px;
      padding-bottom: 75px; } }
  footer h4 {
    font-family: "IBM Plex Mono", monospace;
    font-size: 18px !important;
    font-weight: 700;
    line-height: 18px;
    color: #111111;
    margin-bottom: 35px; }
  footer p.copy {
    font-family: "Merriweather", serif;
    font-size: 15px !important;
    font-weight: 400;
    line-height: 26px;
    color: #111111;
    font-style: italic;
    text-align: right;
    display: inline-block;
    width: 100%; }
    @media only screen and (max-width: 767px) {
      footer p.copy {
        text-align: left; } }