/*
Theme Name:     Neve Child
Theme URI:      https://themeisle.com/themes/neve/
Template: neve
Author:         ThemeIsle
Author URI:     https://themeisle.com
Description:    Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you!
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    neve
Tags: blog, custom-logo, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles
*/

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
/* Color Palette matching original JPEG */ :root {
  --bs-primary: #016de9;
  --bg-dark-blue: #001025;
  --bg-darker-blue: #020912;
}
body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background-color: #ffffff;
  color: #000000;
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: normal;
}
p {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #000000;
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: normal;
}
.theme-btn{
	background-color: #e50505;
    border: 2px #fff solid;
}
.theme-btn:hover{}
.bg-blue {
  background-color: var(--bs-primary) !important;
}
.bg-dark-blue {
  background-color: var(--bg-dark-blue) !important;
}
.bg-darker-blue {
  background-color: var(--bg-darker-blue) !important;
}
/* Icon sizing and styling */
.icon-lg {
  font-size: 3.5rem;
  display: block;
}
.mw-700 {
  max-width: 700px;
}
/* Hero Divider Line */
.divider {
  width: 50px;
  height: 2px;
  background-color: #007bff;
  border: none;
  opacity: 1;
}
/* Hero Background Overlay with attached image */
.hero-section {
  background: linear-gradient(rgba(4, 9, 20, 0.65), rgba(4, 9, 20, 0.65)), url('img/hero-bg.jpg') center/cover no-repeat;
  min-height: 610px;
  background-position: top;
}
.hero-section h1 {
  font-family: "Oswald", sans-serif;
  font-weight: 500;
}
/*.hero-section p {
  font-family: "Oswald", sans-serif;
    font-weight: 300;
}*/
/*.hero-section .btn-primary{
    font-family: "Oswald", sans-serif;
    font-weight: 300;
}*/
/* Cards in What We Are Investigating section */
.investigate-card {
  background-color: #ffffff;
  transition: transform 0.2s ease-in-out;
}
.investigate-card p {
  color: #000000;
}
.investigate-card:hover {
  transform: translateY(-3px);
}
/* Navigation styling */
.navbar-dark .navbar-nav a {
  color: #fff;
  font-size: 1rem;
  padding: 10px 20px;
    text-decoration: none;
}
.navbar-dark .navbar-nav a:hover, .navbar-dark .navbar-nav .current-menu-item a {
  color: #006de9;
  text-decoration: underline;
  text-underline-offset: 6px;
}
footer h6 {
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  font-size: 1.3rem;
}
footer i {
  font-size: 1.3rem;
}
footer a {
  color: #fff;
  text-decoration: none;
}
footer a:hover {
  color: #006de9;
  text-decoration: none;
}
.bord-right {
  border-right: 1px #333434 solid;
}
/* Title Underline Accent */
.section-title {
  color: #07132b;
  letter-spacing: 0.5px;
}

.section-underline {
  width: 40px;
  height: 3px;
  background-color: #007bff;
  border: none;
  opacity: 1;
  margin-top: 0;
}

/* Timeline Custom Styling */
.timeline {
  position: relative;
}

.timeline-item {
  position: relative;
}

/* Vertical Connecting Line */
.timeline-item:not(:last-child)::before {
  content: '';
  position: absolute;
  top: 14px;
  left: 9px;
  height: 100%;
  width: 2px;
  background-color: #007bff;
}

.timeline-marker {
  position: relative;
  z-index: 1;
  padding-top: 4px;
}

/* Timeline Dot Circle */
.timeline-dot {
  width: 20px;
  height: 20px;
  background-color: #ffffff;
  border: 4px solid #007bff;
  border-radius: 50%;
}
.nv-single-page-wrap.col {
    padding-left: 0;
    padding-right: 0;
}
.info-block{
	background-color: #001025;
    padding: 40px;
    border-radius: 8px;
}
.modal-body .btn-close {
    position: absolute;
    right: 15px;
}
.modal-body .btn-close:hover, .modal-body button:hover {
    background-color:transparent !important;
	color: #07132b;
}
.contact-form{}
.contact-form label{
	        color: #fff !important;
    font-weight: 500;
    display: block;
    margin-bottom: 0.5rem !important;
}
.contact-form .form-control{
	border: none;
    outline: none;
    height: 45px;
    border-radius: 0;
}
.contact-form textarea{
	height: 70px !important;
}
.contact-form input[type=submit]{
	background-color: #001025;
    padding: 10px 30px;
}
.contact-form input[type=submit]:hover{
	background-color: #5799fa;
}
/* Form validation */
.contact-form .wpcf7-not-valid-tip, .contact-form .wpcf7 form .wpcf7-response-output{
color: #fff;
font-size: 0.7rem;
text-align: left;
}
.contact-form .wpcf7 form .wpcf7-response-output {
    margin: 0 !important;
    padding: 0.5rem !important;
    border: 1px solid #fff !important;
    text-align:center;
}
.contact-form .wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450 !important;
background-color:#46b450;
color:#fff !important;
}
.contact-form .wpcf7-spinner{
	display:block;
}


/* Custom 5-column layout for desktop */
@media (min-width: 992px) {
  .col-lg-2-4 {
    flex: 0 0 auto;
    width: 20%;
  }
  .col-lg-2-4 h5 {
    font-family: "Oswald", sans-serif;
    font-weight: 400;
  }
}
@media (max-width: 767px) {
.hero-section {
    min-height: 450px;
	}
.nv-page-title-wrap .nv-page-title {
    text-align: var(--textalign, center);
}
}