body {
font-family: "Lato",sans-serif;
font-size: 16px;
color: #555555;
}

.main-header .container,
.main-menuwrap {
max-width: 100% !important;
}

.card hr, .jumbotron hr {
    
}

hr {
    height: 5px;
    margin-bottom: 20px;
    margin-top: 20px;
    border: 20px;
     capacity: 1;
}

table {
    border: 0;
    border-spacing: 0;
    font-size: 0.857em;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;

}

.table tbody tr td, table tbody tr td {
    padding: 0.75rem;
    vertical-align: top;
    border: 2px solid #fff;
    text-align: left;
}

.field--name-field-media-image{
    text-align: center;
}

.region-footer ul li a, .social-media-links--platforms.horizontal li {
padding: 0 !important;
}

.view-trusted-by {
text-align: center;
}

.block-views-blocktrusted-by-block-1 h2, .block-views-blockblogs-block-2 h2 {
    font-family: "Source Sans Pro Light", "Source Sans Pro";
    font-weight: 300;
    font-style: normal;
    text-align: center;
    font-size: 48px;
}

.block-title::after {
    display: block;
    clear: both;
    content: "";
}

.block-views-blockblogs-block-2 .views-view-responsive-grid__item {
    text-align: center;    
    background-color: #00416A;
    color: white;
    
}

.block-views-blockblogs-block-2 .views-field-field-blog-teaser,
.block-views-blockblogs-block-2 .views-field-view-node {
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
}

.block-views-blockblogs-block-2 .views-field-title {
    padding-top: 1em;
    color: white;
    width: 100%;
}

.block-views-blockblogs-block-2 .views-field-title a, 
.block-views-blockblogs-block-2 .views-field-view-node a {
    color: white !important;
}
.block-views-blockblogs-block-2 {
   background-color: #f0f1e7;
}

.paragraph--type--banner .field--name-field-html-field {
background: rgba(0,0,0,0.5);
}

.default-desc-banner {
margin-left: 100%;
margin-right: 10%;
}

.view h2 {
    text-align: center;
    font-size: 1.2em;
}

.view a:hover {
  background-color: #e7e8d7;
  color: #444444;
}

.field--name-field-main-title {
   font-size: 2em;
}  

.blog img {
width: 100%;
}

.flexi-box {
max-width: 48%;
float: left;
text-align: center;
min-height: 100%;
margin: 2px;
border: 1px solid darkgray;
padding: 10px;
}

.flexi-box h2 {
font-size: 30px;
}

.region-footer-first a {
    color: #747a85;
}

a {
color: #284ed9;
}

.block {
margin-bottom: 0;
}

.paragraph--type--banner > * {
background-color: rgba(0,0,0,0.2);
}

.breadcrumb {
font-family: Quicksand, sans-serif;
font-size: smaller;
font-weight: 500;
}

.breadcrumb ul li:after {
padding: 0;
}

a:hover { 
color: #284ed9 !important;;
background:  none !important;
border: none !important;
}

nav.bottom-footer-menu li.we-mega-menu-li > a.we-mega-menu-li {
  padding: 5px 15px !important;
  color: #000000 !important;
}

.footerwidget p, .footerwidget a {
    color: #a0a0a0 !important;
}

.form-submit {
	background: #007bff !important;    
	border: 1px solid #007bff !important;
}

.view-all-link a{
    color: #0037FF !important;
}

input#edit-submit.button {
  background-color: #004085 !important;
  color: #ffffff;
  border: none !important;
}

input#edit-submit.button:hover {
  background-color: #003366;
}

/* Fix menu link text */
.we-mega-menu-li a {
  color: #222222 !important; /* dark gray/black text */
}

/* Fix navbar links */
.navbar-default .navbar-nav > li > a {
  color: #111111;  /* darker color */
}

/* Optional: add hover styles for clarity */
.navbar-default .navbar-nav > li > a:hover {
  color: #0056b3; /* accessible blue shade */
}

/* --- Global paragraph defaults --- */
body,
p,
.about-text p,
.solution-card p,
.featured-products-container p.description,
.product-card p {
  font-size: 16px !important;
  line-height: 1.8 !important;
}

/* --- Optional: Adjust small captions or meta text --- */
.small-text,
.caption,
p.small {
  font-size: 12px !important;
}

/* --- Ensure headings remain proportionate --- */
h1 { font-size: 2rem; }   /* ~32px */
h2 { font-size: 1.5rem; } /* ~24px */
h3 { font-size: 1.25rem; }/* ~20px */

a.read-more,
a[href*="/blog/"] {
  display: inline-block;
  font-size: 14px;
  padding: 8px 12px;  /* increases tap area */
  line-height: 1.4;
  margin-bottom: 8px;
}


