@charset "UTF-8";
/*
Theme Name: Brill
Theme URI: https://www.brillinfotech.com
Description: Brill theme is clean, blog-focused, and designed for clarity. Brill’s simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.This is free wordpress theme, with all features like carousel(slider) at home page, service section and recent post. theme also displays socal media links at footer and header. 
Version: 3.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Author: Ankur Vishnoi
Author URI: https://www.facebook.com/BrillInfotech/
Text Domain: brill
Tags: one-column, two-columns,  right-sidebar, grid-layout, custom-background, custom-colors, custom-header,custom-logo, custom-menu, editor-style, featured-images, footer-widgets,full-width-template,post-formats, blog
*/
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0; }

.gallery-caption, .bypostauthor {
  border: 0; }

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto; }

.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

a img.alignnone {
  margin: 5px 20px 20px 0; }

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center; }

.wp-caption.alignnone {
  margin: 5px 20px 20px 0; }

.wp-caption.alignleft {
  margin: 5px 20px 20px 0; }

.wp-caption.alignright {
  margin: 5px 0 20px 20px; }

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto; }

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px; }

.sticky {
  position: fixed; }

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */ }

.clear-fix:after,
.container:after {
  clear: both;
  width: 100%;
  content: '';
  display: block; }

.container {
  padding: 0 15px; }

@media (min-width: 992px) {
  .show-mobile {
    display: none; } }

@media (max-width: 991px) {
  .hide-mobile {
    display: none; } }

img {
  max-width: 100%; }

.col,
.col-12 {
  width: 100%;
  margin: 0 15px; }

.col-sm-3 {
  width: 100%; }
  @media (min-width: 768px) {
    .col-sm-3 {
      flex: 4;
      margin: 0 15px;
      min-width: calc(25% - 30px); } }

.col-sm-4 {
  width: 100%; }
  @media (min-width: 768px) {
    .col-sm-4 {
      flex: 3;
      margin: 0 15px;
      min-width: calc(33.33% - 30px); } }

.col-sm-6 {
  width: 100%; }
  @media (min-width: 768px) {
    .col-sm-6 {
      flex: 2;
      margin: 0 15px;
      min-width: calc(50% - 30px); } }

.col-sm-6 {
  width: 100%; }
  @media (min-width: 768px) {
    .col-sm-6 {
      flex: 2;
      margin: 0 15px;
      min-width: calc(50% - 30px); } }

.col-sm-9 {
  width: 100%; }
  @media (min-width: 768px) {
    .col-sm-9 {
      flex: 2;
      margin: 0 15px;
      min-width: calc(75% - 30px); } }

.container {
  max-width: 768px;
  margin: 0 auto; }
  .container--fluid {
    margin: 0;
    max-width: 100%; }

.row {
  display: flex;
  flex-wrap: wrap;
  width: 100%; }

.no-flex {
  display: block; }

.btn, .woocommerce ul.products li.product .button,
.woocommerce div.product form.cart .button,
.woocommerce #review_form #respond .form-submit input {
  display: inline-block;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 2px solid transparent;
  background: #dee2e6;
  padding: 10px 30px;
  font-size: 22px;
  cursor: pointer; }
  .btn:focus, .woocommerce ul.products li.product .button:focus,
  .woocommerce div.product form.cart .button:focus,
  .woocommerce #review_form #respond .form-submit input:focus, .btn.focus, .woocommerce ul.products li.product .focus.button,
  .woocommerce div.product form.cart .focus.button,
  .woocommerce #review_form #respond .form-submit input.focus {
    outline: 0;
    box-shadow: 2px 2px 2px #000; }
  .btn-danger {
    background: #c82333;
    color: #fff; }
    .btn-danger:hover {
      background: #71121b; }
  .btn-primary, .woocommerce ul.products li.product .button,
  .woocommerce div.product form.cart .button,
  .woocommerce #review_form #respond .form-submit input {
    background: #007bff;
    color: #fff; }
    .btn-primary:hover, .woocommerce ul.products li.product .button:hover,
    .woocommerce div.product form.cart .button:hover,
    .woocommerce #review_form #respond .form-submit input:hover {
      background: #0a5cb3; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

body {
  color: #212529;
  font-family: 'Roboto', sans-serif;
  line-height: 1.7; }

a,
a:hover {
  text-decoration: none; }

ul,
li,
ol {
  list-style: none;
  padding: 0; }

.page-container .main-section ul {
  padding-left: 30px; }
  .page-container .main-section ul li {
    list-style: disc; }

.page-container .main-section ol {
  padding-left: 30px; }
  .page-container .main-section ol li {
    list-style: decimal; }

img {
  max-width: 100%;
  height: auto; }

.container {
  max-width: 1200px; }

.page-container {
  padding-top: 50px;
  padding-bottom: 50px; }

.primary-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 25;
  background: #fff; }
  .admin-bar .primary-header {
    top: 32px; }
  @media (max-width: 991px) {
    .primary-header {
      border-bottom: 1px solid #ced4da; } }
  .primary-header .logo {
    float: left; }
  .primary-header .header-right {
    float: right; }
  .primary-header .custom-logo-link {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left; }
    .primary-header .custom-logo-link img {
      max-width: 100%;
      max-height: 40px;
      height: auto;
      width: auto; }
      @media (min-width: 992px) {
        .primary-header .custom-logo-link img {
          max-height: 70px; } }

.menu-toggle {
  position: relative;
  z-index: 37;
  border: 0;
  background: url(./images/menu.svg) no-repeat center center #e9ecef;
  color: #fff;
  margin: 6px;
  width: 45px;
  height: 45px; }
  .menu-toggle .fa-times {
    display: none; }
  .menuOpen .menu-toggle .fa-bars {
    display: none; }
  .menuOpen .menu-toggle .fa-times {
    display: block; }

.search-toggle {
  position: relative;
  border: 0;
  color: #fff;
  margin: 6px;
  width: 45px;
  height: 45px;
  background: url(./images/search.svg) no-repeat center center #e9ecef; }

.primary-menu {
  background: #c82333; }
  .blue-theme .primary-menu {
    background: #007bff; }
  @media (max-width: 991px) {
    .primary-menu {
      position: fixed;
      top: 0;
      right: 0;
      width: 280px;
      height: 100vh;
      z-index: 35;
      padding: 57px 0 50px;
      transform: translateX(280px);
      transition: transform ease 0.4s; } }
  @media (min-width: 992px) {
    .primary-menu {
      border-bottom: 3px solid #71121b;
      position: relative; }
      .blue-theme .primary-menu {
        border-color: #0a5cb3; } }
  .menuOpen .primary-menu {
    transform: translateX(0); }
  @media (max-width: 991px) {
    .primary-menu .container {
      padding: 0; } }
  .primary-menu .menu {
    margin: 0; }
    @media (max-width: 991px) {
      .primary-menu .menu {
        border-bottom: 1px solid #71121b;
        max-height: 100vh;
        padding-bottom: 107px;
        overflow: scroll; }
        -webkit-overflow-scrolling .blue-theme .primary-menu .menu {
          border-color: #0a5cb3; } }
    @media (min-width: 992px) {
      .primary-menu .menu > li a:before {
        background: #71121b;
        height: 0;
        width: 100%;
        content: '';
        display: block;
        top: 0;
        position: absolute;
        transition: height ease 0.2s;
        z-index: -1;
        left: 0; }
        .blue-theme .primary-menu .menu > li a:before {
          background: #0a5cb3; } }
    .primary-menu .menu li {
      border-top: 1px solid #71121b; }
      .blue-theme .primary-menu .menu li {
        border-color: #0a5cb3; }
      @media (min-width: 992px) {
        .primary-menu .menu li {
          float: left;
          position: relative;
          border-top: 0; } }
      @media (min-width: 992px) {
        .primary-menu .menu li:hover a:before {
          height: 45px; } }
      .primary-menu .menu li:hover > .sub-menu {
        opacity: 1;
        visibility: visible; }
      .primary-menu .menu li.show-submenu > .sub-menu {
        display: block; }
      @media (max-width: 991px) {
        .primary-menu .menu li.show-submenu > a .drop-icon {
          transform: rotate(180deg); } }
      @media (min-width: 992px) {
        .primary-menu .menu li.brill-mega {
          position: initial; }
          .primary-menu .menu li.brill-mega .sub-menu {
            width: 100%;
            max-width: 1200px;
            left: 50%;
            transform: translateX(-50%); }
            .primary-menu .menu li.brill-mega .sub-menu > li {
              float: left;
              width: 25%; } }
      .primary-menu .menu li a {
        display: block;
        padding: 10px 15px;
        color: #fff;
        position: relative;
        z-index: 1; }
        @media (max-width: 991px) {
          .primary-menu .menu li a .drop-icon {
            position: absolute;
            top: 0;
            right: 0;
            background: #000;
            display: block;
            height: 45px;
            width: 45px;
            text-align: center;
            line-height: 45px;
            transform: rotate(0deg);
            transition: transform ease 0.1s; } }
        @media (min-width: 992px) {
          .primary-menu .menu li a .drop-icon {
            display: inline-block;
            float: right;
            margin: 6px 10px; } }
      .primary-menu .menu li:not(.menu-item-has-children) a .drop-icon {
        display: none; }
      .primary-menu .menu li .sub-menu {
        background: #343a40;
        display: none; }
        @media (min-width: 992px) {
          .primary-menu .menu li .sub-menu {
            display: block;
            opacity: 0;
            visibility: hidden;
            transition: opacity ease 0.21s;
            position: absolute;
            left: 0;
            min-width: 200px;
            top: 45px;
            background: #71121b; }
            .blue-theme .primary-menu .menu li .sub-menu {
              background: #0a5cb3; } }
        @media (min-width: 992px) {
          .primary-menu .menu li .sub-menu .drop-icon {
            transform: rotate(-90deg); } }
        .primary-menu .menu li .sub-menu li {
          border-top: 1px solid #6c757d; }
          @media (min-width: 992px) {
            .primary-menu .menu li .sub-menu li {
              float: none;
              border-top: 0; } }
        @media (min-width: 992px) {
          .primary-menu .menu li .sub-menu .sub-menu {
            transform: translateX(100%);
            top: 0; } }

.primary-footer {
  border-top: 1px solid #212529;
  padding: 40px 0 20px;
  background: #212529; }
  .primary-footer .widget {
    color: #fff; }
    .primary-footer .widget a {
      color: #fff; }
    .primary-footer .widget .widget-title {
      color: #fff;
      font-size: 18px;
      font-weight: 500;
      margin: 0 0 10px; }
  .primary-footer .footer-menu .menu {
    text-align: center;
    margin: 20px 0 30px; }
    .primary-footer .footer-menu .menu li {
      display: inline-block;
      margin: 0 10px; }
      .primary-footer .footer-menu .menu li a {
        color: #f8f9fa; }
        .primary-footer .footer-menu .menu li a:hover {
          color: #fff; }
  .primary-footer .widget_nav_menu li {
    margin: 0 0 10px; }
    .primary-footer .widget_nav_menu li a {
      color: #e9ecef;
      font-size: 18px; }
      .primary-footer .widget_nav_menu li a:hover {
        color: #fff; }
  .primary-footer .copy-right {
    border-top: 1px solid #495057;
    text-align: center;
    padding-top: 15px;
    color: #dee2e6;
    font-size: 14px; }
    @media (min-width: 768px) {
      .primary-footer .copy-right {
        text-align: left; } }
    @media (min-width: 768px) {
      .primary-footer .copy-right .footer-right {
        text-align: right; } }
    .primary-footer .copy-right .footer-right a {
      color: #e9ecef; }

.home h1,
.home h2 {
  font-family: Courgette; }

.intro {
  text-align: center;
  padding: 50px 0;
  background: #f8f9fa; }
  .intro .content {
    margin: 0 auto;
    width: 100%;
    max-width: 750px; }

.recent-post {
  background: #f8f9fa;
  padding: 50px 0; }
  .recent-post h2 {
    text-align: center;
    margin-bottom: 20px;
    width: 100%; }
  .recent-post .home-brill-post {
    margin-bottom: 30px; }

.header-image {
  margin: 0 auto 30px;
  display: block; }

.masonry {
  /* Masonry container */
  column-count: 3;
  column-gap: 1em; }
  .masonry .brill-post {
    /* Masonry bricks or child elements */
    background-color: #eee;
    display: inline-block;
    margin: 0 0 1em;
    width: 100%;
    float: left;
    break-inside: avoid; }

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

.brill-post {
  background: #fff;
  border: 1px solid #e9ecef;
  border-bottom: 3px solid #e9ecef;
  height: 100%; }
  .brill-post.card {
    border-radius: 0;
    margin-bottom: 30px; }
  .brill-post .card-body {
    padding: 0; }
  .brill-post img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    width: 100%; }
  .brill-post .post-image {
    min-height: 225px;
    text-align: center;
    display: block;
    color: #adb5bd;
    border-bottom: 1px solid #e9ecef; }
  .brill-post .fa-image {
    font-size: 50px;
    width: 50px;
    margin: 50px auto 0; }
  .brill-post h3 {
    padding: 20px 15px 15px; }
    .brill-post h3 a {
      color: #343a40; }
      .brill-post h3 a:hover {
        color: #000; }
  .brill-post .blog-link {
    margin-top: 30px; }

.brill-services {
  padding: 50px 0; }
  .brill-services .service-title {
    text-align: center;
    margin-bottom: 30px; }
  .brill-services .brill-service {
    margin-bottom: 30px; }
    .brill-services .brill-service h2 {
      font-size: 1.5rem; }
  .brill-services .brill_widget {
    text-align: center;
    height: 100%;
    background: #dee2e6;
    padding: 20px 15px;
    position: relative; }
    .brill-services .brill_widget .visit-page {
      display: inline-block;
      background: #c82333;
      color: #fff;
      margin-top: 10px;
      width: 40px;
      height: 40px;
      position: absolute;
      right: 0;
      bottom: 0;
      line-height: 40px; }
      .blue-theme .brill-services .brill_widget .visit-page {
        background: #007bff; }
    .brill-services .brill_widget a {
      color: #495057;
      display: block;
      padding-bottom: 25px; }
    .brill-services .brill_widget:hover {
      background: #c82333; }
      .blue-theme .brill-services .brill_widget:hover {
        background: #007bff; }
      .brill-services .brill_widget:hover .visit-page {
        background: #000; }
      .brill-services .brill_widget:hover a {
        color: #fff; }

.post-info {
  color: #495057;
  margin-bottom: 10px; }
  .post-info a {
    color: #495057; }

.nothing-found {
  background: #c82333;
  padding: 30px;
  color: #fff;
  font-size: 20px; }
  .blue-theme .nothing-found {
    background: #007bff; }

.sidebar h2,
.sidebar h3,
.sidebar h4 {
  font-size: 20px; }

.sidebar ul {
  margin: 0;
  padding: 10px 10px 0;
  border: 1px solid #ced4da; }
  .sidebar ul li {
    color: #495057;
    padding: 5px 0;
    border-top: 1px solid #ced4da; }
    .sidebar ul li:first-child {
      border: 0; }
    .sidebar ul li a {
      color: #343a40; }
      .sidebar ul li a:hover {
        color: #000; }

.sidebar .widget {
  padding: 0;
  margin-bottom: 30px; }
  .sidebar .widget .widget-title {
    background: #c82333;
    color: #fff;
    padding: 10px 15px;
    margin: 0; }
    .blue-theme .sidebar .widget .widget-title {
      background: #007bff; }
  .sidebar .widget:after {
    clear: both;
    content: '';
    display: block;
    width: 100%; }

.search .post-list {
  width: 100%; }

.search .brill-post {
  margin-bottom: 20px;
  padding: 0 0 20px;
  border: 0;
  border-bottom: 1px solid #ced4da;
  height: auto;
  flex: unset;
  display: block; }
  .search .brill-post:after {
    clear: both;
    content: '';
    display: block;
    width: 100%; }
  .search .brill-post .fa-image {
    margin: 15px auto;
    display: block;
    color: #dee2e6; }

.search .post-image {
  min-height: 0; }
  @media (min-width: 768px) {
    .search .post-image {
      width: 20%;
      float: left; } }

.search .card-body {
  flex: unset; }
  @media (min-width: 768px) {
    .search .card-body {
      width: 80%;
      float: left;
      padding-left: 30px; } }

.search .no-image {
  display: none; }
  @media (min-width: 768px) {
    .search .no-image {
      width: 20%;
      float: left;
      margin: 0 auto;
      display: block;
      color: #dee2e6; } }

.search .align-middle {
  text-align: center;
  font-size: 40px; }

.search h3 {
  padding: 0; }
  .search h3 a {
    color: #212529; }
    @media (max-width: 767px) {
      .search h3 a {
        font-size: 22px; } }

@keyframes spinner {
  to {
    transform: rotate(360deg); } }

.brill_loadmore i {
  animation: spinner 1s linear infinite; }

.error-page {
  background: #ced4da;
  padding: 40px 20px; }

.brill-post-category .categoy {
  float: left;
  margin-right: 10px; }
  .brill-post-category .categoy a {
    padding: 10px;
    background: #ced4da;
    display: block;
    color: #000; }
    .brill-post-category .categoy a:hover {
      background: #c82333;
      color: #fff; }
      .blue-theme .brill-post-category .categoy a:hover {
        background: #007bff; }

.hero-section {
  margin-top: -50px;
  margin-bottom: 50px; }
  .hero-section h1 {
    margin-top: -100px;
    color: #fff; }

.no-hero-section {
  margin-top: -50px;
  margin-bottom: 30px;
  background: #71121b;
  padding: 30px 0;
  background: -moz-linear-gradient(left, #71121b 1%, #c82333 100%);
  background: -webkit-linear-gradient(left, #71121b 1%, #c82333 100%);
  background: linear-gradient(to right, #71121b 1%, #c82333 100%); }
  .blue-theme .no-hero-section {
    background: #0a5cb3;
    background: -moz-linear-gradient(left, #4078ad 0%, #1258a3 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #4078ad), color-stop(100%, #1258a3));
    background: -webkit-linear-gradient(left, #4078ad 0%, #1258a3 100%);
    background: -o-linear-gradient(left, #4078ad 0%, #1258a3 100%);
    background: -ms-linear-gradient(left, #4078ad 0%, #1258a3 100%);
    background: linear-gradient(to right, #4078ad 0%, #1258a3 100%); }
  .no-hero-section h1 {
    color: #fff;
    margin: 0; }

.home-custom-widgets {
  padding-top: 50px;
  padding-bottom: 50px;
  background: #e9ecef; }

@media (min-width: 768px) {
  .woocommerce .sidebar {
    order: 1;
    margin: 3em 0; }
  .woocommerce .content-area {
    order: 2;
    margin: 3em 0; }
  .woocommerce.single .sidebar {
    order: 2; }
  .woocommerce.single .content-area {
    order: 1; } }

.woocommerce p.stars a {
  color: #c82333; }

.global-search {
  width: 100%;
  padding: 0 15px; }
  @media (max-width: 991px) {
    .global-search {
      position: relative;
      background: #c82333;
      height: 100px;
      margin-top: -100px;
      transition: margin-top ease 0.4s;
      padding: 15px; }
      .blue-theme .global-search {
        background: #007bff; } }
  @media (min-width: 992px) {
    .global-search {
      position: fixed;
      max-width: 400px;
      transform: translateX(-50%);
      left: 50%;
      margin: 0;
      top: 25px;
      z-index: 27; } }
  @media (max-width: 991px) {
    .global-search.open {
      margin-top: 0; } }

.searchform label {
  float: left;
  color: #fff;
  background: #c82333;
  padding: 0 10px;
  border-radius: 3px 3px 0 0;
  margin: 0; }
  .blue-theme .searchform label {
    background: #007bff; }

.searchform input[type='text'] {
  border: 3px solid #c82333;
  border-right: 0;
  padding: 5px;
  float: left;
  clear: both;
  width: calc(100% - 75px); }
  .blue-theme .searchform input[type='text'] {
    border-color: #007bff; }
  @media (max-width: 991px) {
    .searchform input[type='text'] {
      border-color: #71121b;
      width: calc(100% - 100px); }
      .blue-theme .searchform input[type='text'] {
        border-color: #0a5cb3; } }

.searchform input[type='submit'] {
  float: left;
  background: #71121b;
  color: #fff;
  border: 0;
  padding: 8px; }
  .blue-theme .searchform input[type='submit'] {
    background: #0a5cb3; }

.social-header {
  float: right; }

.menu-social-container {
  margin: 0 0 30px;
  margin-top: 10px; }
  .social-header .menu-social-container {
    float: right;
    margin: 0; }
  .menu-social-container ul {
    text-align: center; }
    .social-header .menu-social-container ul {
      float: right;
      margin-top: 25px; }
    .menu-social-container ul li {
      position: relative;
      display: inline-block;
      margin: 0 0.5rem; }
      .menu-social-container ul li a:before {
        display: block;
        vertical-align: bottom;
        font-family: fontawesome, 'Font Awesome 5 Free';
        font-size: 1.3rem;
        -webkit-font-smoothing: antialiased;
        content: '';
        background: url(./images/fb.svg) no-repeat center center;
        background-size: cover;
        width: 35px;
        height: 35px; }
      .menu-social-container ul li a[href*="facebook.com"]::before {
        background-image: url(./images/fb.svg); }
      .menu-social-container ul li a[href*="instagram.com"]::before {
        background-image: url(./images/instagram.svg); }
      .menu-social-container ul li a[href*="linkedin.com"]::before {
        background-image: url(./images/linkedin.svg); }
      .menu-social-container ul li a[href*="pinterest.com"]::before {
        background-image: url(./images/pinterest.svg); }
      .menu-social-container ul li a[href*="tumblr.com"]::before {
        background-image: url(./images/tumblr.svg); }
      .menu-social-container ul li a[href*="twitter.com"]::before {
        background-image: url(./images/twitter.svg); }
      .menu-social-container ul li a[href*="vimeo.com"]::before {
        background-image: url(./images/vimeo.svg); }
      .menu-social-container ul li a[href*="youtube.com"]::before {
        background-image: url(./images/twitter.svg); }

.comments-area {
  background: #f8f9fa;
  padding: 15px; }
  .comments-area .comments-title {
    font-size: 1.4rem; }
  .comments-area .comment-list {
    padding: 0;
    margin: 0 0 20px; }
  .comments-area .comment-meta {
    color: #212529; }
    .comments-area .comment-meta a {
      color: #212529; }
  .comments-area .comment-body {
    padding: 15px;
    background: #dee2e6;
    margin: 0 0 15px; }
  .comments-area .logged-in-as {
    color: #212529; }
    .comments-area .logged-in-as a {
      color: #000; }
  .comments-area label {
    display: block; }
  .comments-area textarea {
    display: block;
    border: 1px solid #6c757d;
    width: 100%;
    max-width: 450px;
    padding: 10px; }
  .comments-area input {
    display: block;
    border: 1px solid #6c757d;
    width: 100%;
    max-width: 450px;
    padding: 10px; }
  .comments-area .submit {
    background: #c82333;
    color: #fff;
    border: 0;
    padding: 10px 30px;
    cursor: pointer;
    max-width: 300px; }
    .blue-theme .comments-area .submit {
      background: #007bff; }