/*
 Theme Name:   Durotech
 Theme URI:    http://www.anthonespinoza.net
 Description:  Durotech Child for UnderStrap | Bootstrap 4
 Author:       Anthony Espinoza / Jessie Rowe / Durotech
 Author URI:   http://www.anthonespinoza.net
 Template:     understrap
 Version:      0.1.0
 License:      Commercial
 Text Domain:  anthony
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
*/

/*Global*/

.teal-text {
	color: #71acb4;
}
.navy-text, strong {
	color: #084766;
}
.gray-text {
	color: #c6c6c6;
}
.green-text {
	color: #4d7f73;
}

strong {
	font-family: unset;
}

.bdr-r-w {
	border-right: 1px solid white;
}

.row-flex {
  display: flex;             /* Enables Flexbox layout */
  flex-wrap: wrap;           /* Allows columns to move to the next line if they exceed 12 units */
  
  /* Negative margins counteract column padding (gutters) */
  margin-top: calc(-1 * var(--bs-gutter-y)); 
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
}

/* This ensures children (columns) behave correctly within the flex container */
.row-flex > * {
  flex-shrink: 0;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}
.align-items-center {
  align-items: center !important; /* Vertically centers the flex items (columns) */
}

#blog-header {
	height: 80vh;
	margin:0;
	background-size: 115% auto; /* Increase this until the gray disappears */
    background-position: center -100px;
    background-repeat: no-repeat;
}
/* --- Base Navbar Style --- */
.nav-row {
	width:100%;
}

.custom-navbar {
    background: transparent; /* Initial state */
    border-bottom: 1px solid white;
    padding: 0; /* Taller initial height */
    transition: all 0.4s ease-in-out; /* Smooth transition for shrinking  */
}

.navbar-brand img {
    width: 80%;
    transition: all 0.4s ease-in-out; /* Smooth logo scaling  */
}

/* --- Flexbox Spacing for Links  --- */

.custom-navbar .navbar-nav {
    display: flex;
    width: 100%;
    justify-content: space-between; 
    align-items: center;
}



/* --- Shrink Effect (Triggered by JavaScript)  --- */
.custom-navbar.top-nav-collapse {
    background: #084766; /* Deep blue background */
    box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
}

.custom-navbar.top-nav-collapse .navbar-brand img {
    width: 60%; /* Scales logo down to fit shorter navbar  */
}

.custom-navbar .nav li:not(#menu-item-143) a {  
    font-size: 14px;
    font-weight: 200;
    text-transform: uppercase;
    color: #fff;
    transition: all 0.3s ease;
    border-bottom: 3px solid transparent; /* Prevents "jumping" on hover */
}

.custom-navbar .nav li.active > a,
.custom-navbar .nav li:not(#menu-item-143) a:hover {
    border-bottom: 3px solid white;
    color: #fff;
    text-decoration: none;
}
.custom-navbar .dropdown-menu {
    background-color: #084766; /* Match the Durotech blue */
    border: none;
    border-radius: 0;
    box-shadow: 0 8px 16px rgba(0,0,0,0.2);
    min-width: 200px;
    padding: 10px 0;
}

.custom-navbar .dropdown-menu li a {
    color: white !important;
    padding: 10px 20px;
    display: block;
    font-weight: 200;
}

.custom-navbar .dropdown-menu li a:hover {
    background-color: rgba(255, 255, 255, 0.1);
    text-decoration: none;
}

/* Apply the "height" to the columns instead */
.custom-navbar .col-md-4, 
.custom-navbar .col-md-8 {
    padding-top: 20px;
    padding-bottom: 20px;
    transition: all 0.4s ease-in-out;
}

/* Adjust height for the scrolled state */
.top-nav-collapse .col-md-4,
.top-nav-collapse .col-md-8 {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Ensure the border hits the bottom */
.bdr-r-w {
    border-right: 1px solid white;
    height: 100%;
}



/* Only apply hover dropdowns on Desktop */
@media (min-width: 992px) {
    .custom-navbar .nav li.dropdown:hover > .dropdown-menu {
        display: block;
        margin-top: 0; /* Remove gap to prevent menu from closing when moving mouse */
        opacity: 1;
        visibility: visible;
        animation: fadeIn 0.3s; /* Optional smooth entry */
		background: #084766;
    }

    /* Keep the parent link active color when hovering the menu */
    .custom-navbar .nav li.dropdown:hover > a {
        border-bottom: 3px solid white;
		background-color: transparent;
    }
}
@media (max-width: 991px) {
    /* 1. Force the logo and button to stay on one line */
    .custom-navbar .container > .row {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100%;
    }
	
	.custom-navbar .navbar-nav  {
        width: auto !important; /* Let the button sit right next to it */
    }
}

@media (max-width: 767px) {

    /* 2. Adjust the column widths for mobile */
    .custom-navbar .col-md-4 {
        width: auto !important; /* Let the logo take only what it needs */
        border-right: none !important; /* Remove divider on mobile */
    }

    .navbar-toggle {
    position: absolute;
    top: 20px;
    right: 20px;
    }

	
	.navbar-collapse {
        position: absolute;
        top: 100%; /* Snaps the menu to the bottom of the navbar */
        left: 0;
        width: 100%;
        background-color: #084766; /* Durotech Blue */
        z-index: 1000;
    }
}

/* Optional Fade-In Animation */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    background-color: white; /* Match the Durotech white */
    border-radius: 1px;
    transition: all 0.2s;
}

/* Add spacing between the bars */
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}

/* Ensure the button itself has enough padding to show all bars */
.navbar-toggle {
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.5); /* Adds a subtle box around it */
}


/*.custom-navbar {
    background: none;
	border-bottom: 1px solid white;
	padding:0; 
	margin: 0;
	transition: all 0.4s ease-in-out;
}

.navbar-brand img {
	width: 80%;
	transition: width 0.4s ease-in-out;
}

.navbar-brand  {
	display: flex;
    align-items: center;
    height: auto;
    transition: all 0.4s ease-in-out;
}

#main-menu2 {position:relative; top:10px;}

.custom-navbar.top-nav-collapse {
	background: #084766;
    padding: 0 0 0 0;
    border-bottom: 1px solid white;
}

.custom-navbar.top-nav-collapse .navbar-brand img {
    width: 60%;
}


.custom-navbar .nav li.active > a {
    border-bottom: 3px solid white;
	 width: 100%;
}

.custom-navbar .nav li:not(#menu-item-143) a:hover {
    border-bottom: 3px solid white;
	color: #fff;
}

    .navbar-nav>li {
        float: left;
        margin: 0 15px 0 0;
    }

    .top-nav-collapse .nav li:not(#menu-item-143) a, .custom-navbar .nav li:not(#menu-item-143) a {  
    font-size: 14px;
    font-weight: 200;
    text-transform: uppercase;
    color: #fff;
}

.custom-navbar .nav li:not(#menu-item-143) ul.dropdown-menu li a {
    font-size: 14px;
    font-weight: 200;
    text-transform: uppercase;
    color: #084766; 
}
.custom-navbar .nav li:not(#menu-item-143) ul.dropdown-menu li:hover, .custom-navbar .nav li:not(#menu-item-143) ul.dropdown-menu li a:hover {
    border-bottom: none;
	font-weight:600;
	color: #084766;
}*/
body {
	font-family: montserrat, sans-serif; 
}

body, section {
	text-align: left;
}

h1, h2, h3, h4 {
	text-transform: uppercase;
}

/* Content Main Heading: The Durotech Standard */
h2 {
    color: #4d7f71; /* Deep Teal/Green from image */
    font-family: montserrat, sans-serif; 
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 1.5rem;
	font-style: normal;
    font-size: 24px;
}

/* Subheadings: Organization, Technology, etc. */
h3 {
    color: #084766; /* Dark Navy Blue */
    font-family: montserrat, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.4em;
    letter-spacing: 1px;
    margin-bottom: 0.5rem;
}

/* Body Text Paragraph */
p, article p {
    color: #000000;
    font-family: montserrat, sans-serif; 
    max-width: 90%;
	width: unset;
}

.thin-text {
	font-weight: 200;
}

/* Home Page */
.home-info {
    text-align: left; 
    width: auto; 
    margin: 0 auto;
}

.home-info h1 {
	font-weight: 100;
}

#home {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
   justify-content: flex-end;
}

.legacy-block {
	/*background: #204b6a;*/
	background: linear-gradient(rgba(8, 71, 102, 0.2), rgba(8, 71, 102, 0.2)), 
                url('/wp-content/uploads/2026/04/numbers.jpg');
    background-size: cover;
    background-position: center;
    position: relative;
    padding: 20px 0 40px 0;
	border-top: 3px solid white;
	margin: 0px 0px 25px 0px;
}

.legacy-block h2, .legacy-block p, .legacy-block a {
	color: #fff;
}

.legacy-block h2 {
	position: relative;
    display: inline-block;
	font-size:42px;
}
.legacy-block h6 {
	font-weight: 600;
}

.legacy-block .border-start-md{
	border-left: 1px solid white;
}

/* Custom styling for the Stats Section */
.stats-section {
    color: #ffffff; /* Ensures all text is white [cite: 16] */
}

/* The Numbers (1988, XX, XX) */
.stat-number {
    font-weight: 700; /* Extra bold for impact [cite: 26, 44] */
    letter-spacing: -1px; /* Tighter tracking for a modern look */
}

/* The Labels (YEAR FOUNDED, EMPLOYEES, etc.) */
.stat-label {
    font-size: 1rem; /* Smaller, sophisticated text [cite: 27, 45] */
    text-transform: uppercase; /* Match the all-caps style [cite: 27, 45] */
    letter-spacing: 1px; /* Added breathing room for readability [cite: 27, 45] */
    opacity: 0.9;
}

/* The Bullet List on the left */
.legacy-list li {
    font-size: 1.35rem;
    line-height: 1.6;
    margin-bottom: 0.5rem; /* mb-2 equivalent [cite: 37, 62] */
}

.projects-section .wp-block-cover, .projects-section  .wp-block-cover-image {
padding: unset !important;
}

.projects-section .wp-block-cover__inner-container {
	background-color: rgba(77, 127, 113, 0.7);
    width: 100%;
    position: absolute;
    padding: 25px;
    bottom: 0;
}

.projects-section h4 {
	text-align: center;
	font-size: 16px;
	text-transform: uppercase;
	font-weight:600;
}

.projects-section.wp-block-columns {
    gap: 0.5em !important;
}

.projects-section.wp-block-columns > .wp-block-column {
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
}

.projects-section .wp-block-cover {
    position: relative;
    overflow: hidden;
}
.wp-block-cover .stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}
.wp-block-cover { position: relative; }

.built-with-purpose {
	border-top: 1px solid #4d7f71;
    margin-top: 50px;	
}

.built-with-purpose h2{
    color: #084766; /* Dark Navy Blue */
    font-family: montserrat, sans-serif;
    font-weight: 300;
	text-align:center !important;
	display:block;
	font-size:36px;
}
.built-with-purpose .wp-block-button__link {
    font-family: montserrat, sans-serif;    
	color: #4d7f71;
    text-transform: uppercase;
    background-color: unset;
    font-weight: 700;
    font-size: 1.5em;
	padding: 5px;
    position: relative;
    top: -0.5em;
}

.testimonial-block {
	width:90%;
	margin: 25px 0;
	padding:2em;
}
.testimonial-block strong {
	 color: #71acb4;
	 font-size: 12px;
}
.testimonial-block h3, .testimonial-block strong {
	line-height: 1;
}