/*
  * =============================
  * === General Styles  ===
  * =============================
  */
  .theme-color, .theme-color h1, .theme-color h2, .theme-color h3,
  .theme-color h4, .theme-color h5 {
    color: #000000;
  }
  
  .theme-color-p p {
    color: #000000;
  }
  
  .secondary-color {
    color: #70cec2;
  }
  
  .accent-color1 {
    color: #873B35;
  }
  
  .body-text p, .body-text h6, .body-text h5, .body-text, h4, .body-text h3, .body-text h2 {
    color: black;
  }
  
  .alt-body-text p, .alt-body-text h6, .alt-body-text h5, .alt-body-text, h4, .alt-body-text h3, .alt-body-text h2, .alt-body-text h1 {
    color: white;
  }
  
  .bg-color {
    background-color: #000000;
  }
  
  .bg-secondary-color {
    background-color: #70cec2;
  }
  
  /* Tooltip */
  .ui-tooltip-content {
    background-color: #000000 !important;
  }
  /*
  * =================
  * === Navbar  ===
  * =================
  */
  .nav-social {
    background-color:#000000;
    color: white;
  }
  
  .nav-social a { color: white; }
  
  .navbar { 
    border-bottom: 1px solid #70cec2;
    
    
    background-color: white;
    
  }
  
  .nav li a {
    
    color: #000000; 
    
  }
  
  .nav li a:hover {
    color: #873B35 !important;
    background-color: #70cec2;
  }
  
  .sub-menu li a:hover {
    color: #873B35 !important;
    background-color: #70cec2;
  }
  
  .mobile-toggler {
    background-color: white;
    color: #000000;
    border: 1px solid #000000;
  }
  
  .mobile-toggler:hover {
    color: white;
    background-color: #000000;
    border: 1px solid white;
  }
  
  /* Banner & Overlay */
  
  .banner {
    color: white;
  }
  
  .overlay { background-color:#000000; }
  
  /*
  * =============================
  * === Landing Styles  ===
  * =============================
  */
  
  .page-showcase { background-color:#70cec2; }
  
  .page-item-overlay { background-color:#000000; }
  
  .sign-up button {
    border-top: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    border-radius: 0px 4px 4px 0;
  }
  
  .sign-up button:hover {
    background-color: white;
    color: #000000;
  }
  
  .action-button {
    color: #873B35;
    border: 1px solid #873B35;
  }
  
  .action-button:hover {
    color: white;
    background-color: #873B35;
  }
  
  .--line-left { background-color: white; }
  .--line-right { background-color: white; }
  .--line-grey { background-color: #70cec2; }
  
  .arrow { border:4px solid #70cec2; border-radius:100%; width:40px; height:40px; margin: .8em 0;}
  .arrow .arrow-mask:before {content:'';position:relative;float:left;top:16px;left:28px;width:4px;height:16px;background-color:#70cec2;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transition:all 0.3s;-webkit-transition:all 0.3s;}
  .arrow .arrow-mask:after {content:'';position:relative;float:left;top:9px;left:28px;width:4px;height:16px;background-color:#70cec2;transform:rotate(45deg);-webkit-transform:rotate(45deg);transition:all 0.3s;-webkit-transition:all 0.3s;}
  .arrow:hover .arrow-mask:before {background-color: #873B35; }
  .arrow:hover .arrow-mask:after {background-color: #873B35; }
  
  /*
  * =============================
  * === Services Page Styles  ===
  * =============================
  */
  .box-link {
    background-color: #000000;
    border: 2px solid #000000;
  }
  
  .box-link:hover {
    background-color: white;
  }
  
  /*
  * ================================
  * === Document Library Styles  ===
  * ================================
  */
  .doc-col {
    background-color: #70cec2;
  }
  
  /*
  * ================================
  * === Carousel Section Styles  ===
  * ================================
  */
  .slick-prev:before, .slick-next:before {
      color: #70cec2;
  }
  
  /*
  * ================================
  * === Gallery Section Styles  ===
  * ================================
  */
  .close-overlay-button {
      color: #70cec2;
  }
  
  /*
  * =============================
  * === Blog Styles  ===
  * =============================
  */
  
  /* Pagination */
  .page-link {
    border: 1px solid #70cec2 !important;
    background-color: #70cec2 !important;
  }
  
  .page-link:hover {
    color: #000000 !important;
  }
  
  .page-number.active .page-link {
    color: #000000;
  }
  
  /* Blog Basic */
  .post {
    border-bottom: 1px solid #70cec2;
  }
  
  /* Blog Card Layout */
  .blog-card-bottom {
    background-color: #70cec2;
  }
  
  /*
  * =============================
  * === Employement Styles  ===
  * =============================
  */
  
  .job-posting {
    border-bottom: 1px solid #70cec2;
  }
  
  /*
  * =============================
  * === Team Styles  ===
  * =============================
  */
  
  .team-members {
    background-color: #000000;
  }
  
  .team-member .overlay {
    color: white;
  }
  
  .member-bio {
    background-color: #000000;
    color: white;
  }
  
  /*
  * =============================
  * === Calendar Styles  ===
  * =============================
  */
  
  .fc-event, .fc-event-dot {
    background-color: #000000 !important;
    border: 1px solid #000000 !important;
    color: white !important;
  }
  
  .fc-button-primary {
    color: #000000 !important;
    background-color: #70cec2 !important;
    border-color: #70cec2 !important;
    font-weight: bold;
  }
  
  .month-selected {
    color: #000000;
  }
  
  .page-link i {
    color: #873B35;
  }
  
  .page-link:focus {
    box-shadow: 0 0 0 0.2rem #70cec2 !important;
  }
  
  .event-item {
    border-bottom: 1px solid #70cec2; 
  }
  
  .default-sidebar h6 { 
    border-bottom: 2px solid #70cec2; 
  }
  
  .default-sidebar p {
    border-bottom: 1px solid #70cec2; 
  }
  
  .default-sidebar p:hover {
    background-color: #70cec2;
    transform: translateX(20px);
  }
  
  /*
  * =============================
  * === Footer Styles  ===
  * =============================
  */
  
  footer {
  
    background-color:#70cec2;
  
  }
  
  
  
  .footer-social a { 
    
    color:#000000; 
    
  }
  
  .footer-social a:hover, .nav-social-items a:hover {
    
    color: black; 
    
  }
  
  .ft-bottom {
    background-color:#000000;
    color: white;
  }
  
  .edit-admin a:hover {
    color: black;    
  }
  
  /* Medium devices (tablets, 768px and up) */
  @media (min-width: 768px) {
    .default-sidebar {
      background-color: white;
      border-left: 3px solid #70cec2;
    }
    
    
  }