/* Color Variables
------------------------------------------------------- */
:root {
    --primary-color: #2d5797;
    --secondary-color: #0d0d0d;
    --text-color: #000000;
    --accent-color: #F3F3F3;
    --basic-radius: 30px;
    --img-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.25);
}

/* General Styles
  ------------------------------------------------------- */

html {
    scroll-behavior: smooth;
    scroll-margin-block-start: 145px;
}

div.col {
    padding: 0 15px;
}

div.col.pb-1 {
    padding: 0 15px 30px;
}

body h1,
.h1,
body h2,
.h2,
body h3,
.h3,
body h4,
.h4,
body h5,
.h5,
body h6,
.h6 {
    text-transform: uppercase;
    letter-spacing: 0 !important;
    line-height: 1.1;
    text-wrap: balance;
    color: var(--primary-color);
    font-weight: 800;
    margin-bottom: 1.5rem;
}

.inverse h1,
.inverse .h1,
.inverse h2,
.inverse .h2,
.inverse h3,
.inverse .h3,
.inverse h4,
.inverse .h4,
.inverse h5,
.inverse .h5,
.inverse h6,
.inverse .h6,
.inverse .banner h1,
.inverse .banner h2 {
    color: #fff;
}

h1,
.h1,
.banner h1 {
    font-size: 2.5em;
}

h2,
.h2 {
    font-size: 2.20em;
    text-shadow: 2px 2px 3px #fff;
}

body h3,
.h3 {
    color: var(--text-color);
    font-size: 1.75em;
}

.box-text-inner h1,
.box-text-inner h2,
.box-text-inner h3,
.box-text-inner h4,
.box-text-inner h5,
.box-text-inner h6 {
    text-wrap: pretty;
}

.preheadline {
    color: var(--text-color);
    font-size: 0.6em;
    margin-bottom: 0;
}

.banner .preheadline {
    font-size: 0.75em;
    color: #fff;
}

.dark .preheadline {
    color: #fff;
}

.banner {
    text-shadow: 4px 4px 4px rgba(0, 0, 0, .9);
}

.primary-color {
    color: var(--primary-color);
}

.secondary-color {
    color: var(--secondary-color);
}

.primary-background {
    background-color: var(--primary-color);
}

.secondary-background {
    background-color: var(--secondary-color);
}

.accent-background {
    background-color: var(--accent-color);
}

.text-bold {
    font-weight: bold;
}

a {
    transition: color .3s ease;
}

.button:not(.icon),
button:not(.toggle):not(.flickity-button):not(.ux-search-submit) {
    min-width: 200px;
    /* font-weight: 400; */
    border: none;
}

.button.secondary {
    color: var(--primary-color);
}

.button.primary:hover,
.button.secondary:hover {
    color: #fff;
}


body ol,
body ul {
    padding: 0 0 0 10px;
}

/* h2:has(.preheadline),
  h3:has(.preheadline) {
    line-height: 0.8;
  } */

.dark .preheadline {
    filter: brightness(1.5);
}

body .wp-caption figcaption.wp-caption-text {
    background: #9245d130;
    border-radius: 10px;
    font-size: .8em;
}

/* div.col.alternating-text {
    max-width: 675px;
} */

div.col.alternating-img .banner {
    border-radius: var(--basic-radius);
    overflow: hidden;
    box-shadow: var(--img-shadow);
}

.list-col-3 {
    column-width: 175px;
    column-count: 3;
    margin-bottom: 10px
}

.nav-dark .form-flat input:not([type=submit]) {
    background-color: var(--secondary-color) !important;
}

/* logo slider */
body #wpls-logo-showcase-slider-2 .wpls-fix-box, body #wpls-logo-showcase-slider-2 .wpls-fix-box img.wp-post-image,
body #wpls-logo-showcase-slider-1 .wpls-fix-box, body #wpls-logo-showcase-slider-1 .wpls-fix-box img.wp-post-image {
    max-height: 150px;
}

/* Top bar
----------------------------------------------------------- */
#top-bar .hide-for-medium ul:has(li.header-search-form) {
    width: 300px;
}


/* Footer
----------------------------------------------------------- */
#footer h3 {
    color: #000000;
}

#lower-nav-list {
    column-width: 120px;
    column-count: 2;
    list-style: none;
    padding: 0;
}

#lower-nav-list li {
    margin-inline-start: 0px;
    text-transform: uppercase;
    font-weight: 600;
}

#lower-nav-list li a {
    color: #fff;
}

#lower-nav-list li a:hover {
    color: #000000;
}

.contact-link {
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
}

.contact-link:not(.button) i {
    color: #000000;
    margin-inline-end: .4em;
}

.contact-link:hover,
.button.facebook.is-outline:hover {
    color: #000000 !important;
    border-color: #000000 !important;
}

.stack.partners {
    flex-wrap: wrap;
}

.partners.stack-row>div.img {
    max-width: 33% !important;
    margin-bottom: 2px !important;
}

.banner .img-inner img {
    filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, 0.35));
}


/* Home page
----------------------------------------------------------- */

/* Contact block
----------------------------------------------------------- */
.contact-form {
    z-index: 1;
}

.col.contact-form h2 {
    text-shadow: 1px 1px 0 #fff;
}

/* Industries
----------------------------------------------------------- */
.slick-dots {
    display: none !important;
}

/* WooCommerce
----------------------------------------------------------- */
.col-inner .box-bounce>.box-image,
.col-inner .box-bounce>.box-text {
    box-shadow: var(--img-shadow);
}

.col-inner .box-bounce>.box-text {
    background-color: var(--primary-color);
    color: #fff;
    margin-block-start: 10px;
    font-weight: 600;
    text-transform: uppercase;
}

body .col-inner .box-bounce>.box-text h5 {
    color: #fff;
}

.shop-page-title {
    margin-block-end: 60px;
}

.tab-panels section {
    margin-block: 60px;
}

/* Request a Quote
----------------------------------------------------------- */
h3.gsection_title {
    font-size: 1.35em;
}

form h3, form h4 {
    margin-block: 30px 0;
    color: var(--text-color);
}

legend {
    text-transform: capitalize;
}

label {
    line-height: 1.3;
}

.gform_wrapper.gravity-theme .gfield-choice-input {
    vertical-align: unset;
}

input[type=checkbox], input[type=radio] {
    margin-right: 0px;
}

.gform_wrapper.gravity-theme .ginput_container_image_choice .gfield-choice-image {
    border: 1px solid #ccc;
}

.gform-field-label--type-sub {
    font-weight: normal;
}