/* CONTENTS
    - Resets
    - Typography: Font, font style, font weight
    - Layout: Bootstrap layout modifications, section margins, etc.
    - Components: Sizing and layout of individual site features
    - Stylistic Design: Anything to do with color

    Exception: All button styles are contained within the stylistic section including font size, box sizing, etc.

    -Media Queries (Each contains typography, layout, components, and styles)
*/

/* ====== RESET ====== */
html {
    font-size: 16px;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

body {
    font-family: 'Open Sans', 'Arial', sans-serif;
    background-color: #fff;
}

p, body {
    font-size: 1rem;
}

ul {
    margin:0;
}

.col {
    padding: 0;
}


a:hover {
    text-decoration: none;
}

/* ======= LAYOUT ======== */
.subpage-main {
    padding-bottom: 4rem;
}

.page {
    min-height: 200px;
}

.section-margin {
    margin: 3rem 0;
}

.section-padding {
    padding: 3rem 0;
}

.mini:nth-of-type(1) {
    margin-bottom: 3rem;
}

.half-container {
    width: auto;
    margin: auto;
}



/* ====== TYPOGRAPHY ======= */
h1, 
h2, 
h3, 
footer a, 
label, 
.card-title, 
.link-primary,
.link-secondary, 
.link-card,
.testimonial-name {
    font-weight: bold;
}


h1 {
    font-size: 2.5rem; 
}

h1.home {
    font-size: 2rem; 
}
  
h2 {
    font-size: 1.8rem;
}

h3 {
    font-size: 1rem;
}
    
small, .text_small {
    font-size: 0.8rem;
}

header p, header address {
    font-size: 18px;
}

.card-title {
    font-size: 1.3rem;
}

.fad {
    font-size: 3rem;
}

.link-primary, .link-secondary {
    text-decoration: underline;
}

.testimonial-title {
    font-style: italic;
}

.product-name {
    font-size: 1.2rem;
}


/* ======= COMPONENT ======= */
/* Card */
.card-icon {
    font-size: 5rem;
}

.focus-card {
    position: relative;
    border: none;
    border-radius: 8px;
    overflow: hidden;
    background: none;
    transition: transform 250ms ease-in-out;
    margin-bottom: 3rem;
}

.focus-card.last {
    margin:0;
}

.card-body {
    position: absolute;
    bottom: 0;
    left:0;
    right:0;
    padding:.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-title {
    font-size: 1.3rem;
    font-weight: bold;
    text-align:center;
    color: #fff;
    margin: 0;
}

.sub-page-card, .news-page-item { 
    padding: .5rem; 
}

.sub-page-card, .news-page-item, .g-map iframe {
    box-shadow: 0 1px 5px rgba(0,0,0,0.2);
    background-color: #f5f5f5; 
}

.testimonial-card {
    min-height: 250px;
}

.news-page-item {
    display: flex;
    flex-direction: column;
}


/* Carousel */
.carousel-container {
    position: relative;
}

.carousel-overlay {
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right:0;
    z-index: 1;
    
}

.carousel-overlay-content {
    display: flex;
    flex-direction:column;
    justify-content: center;
    width: 450px;
    padding: 1rem;
    background-color: rgba(0,0,255,0.6);
   
}

.fad {
    font-size: 3rem;
    --fa-primary-color: #0C9344;
    --fa-secondary-color: #fff;
    --fa-primary-opacity: 1;
    --fa-secondary-opacity:1;
}

.fad:before {
    color: #0c9344
}

.fad:after {
    color:#fff;
}

/* Document Portal */
.doc-title {
    font-size: 1rem;
    text-decoration: none;
}

/* Focus Area */
.focus-container {
    padding: 3rem 0 10px;
    position: relative;
    overflow: hidden;
}

.focus-container-background {
    background-color: #0C9344;
    position: absolute;
    left:-50px;
    right:-50px;
    top:-200px;
    height:410px;
    width: 2000px;
    z-index: -1;
    transform: rotate(-6deg);
}

/* Forms */
.home-contact-form {
    padding: 0 5px;
}

.home-contact-form input, .home-contact-form textarea, .signup-form input {
    box-shadow: 0 3px 8px rgba(0,0,0, 0.3);
}

.home-contact-form label, .contact h2, .signup-form label, .signup-form h2, .signup-form p {
    text-shadow: 0 1px 8px rgba(0,0,0, 0.4);
}

.contact-form {
    background-color: #f5f5f5;
    padding: 2rem .5rem;
    border-radius: 8px;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
}

/* Footer */
footer .nav-list {
    list-style-type: none;
}
footer {
    padding: 3rem 0 0;
    background-color: #111;
}

footer li {
    margin-bottom: 1rem;
}

footer h2 {
    margin-bottom: .5rem;
}

.email-flex {
    display:flex;
    margin: auto;
    max-width:400px;
}

.email-flex > div.form-group {
    flex: 4;
}

.email-flex input.form-control {
    border-radius: .25rem 0 0 .25rem !important;
}

.email-flex > .btn-email {
    flex: 1;
    margin-bottom: 1rem;
    border-radius: 0 .25rem .25rem 0;
}

/* FAQ */
.faq-cat {
    margin-bottom: 4rem;
}

.faq-cat:last-of-type {
    margin-bottom: 0;
}

.faq {
    margin-bottom: 2rem;
}

.faq-question {
    font-weight: 700;
    margin-bottom: .5rem;
}

/* Google Map */
.g-map iframe {
    width:100%;
    height:100%;
}

    /* min-height:300px; */


/* Header */
header {
   z-index: 1; 
   padding: .5rem 0;
}


/*Store button for header*/

#store-button{
    align-items: center;
    display: flex;
}


  @media screen and (max-width:1023px) {
    #store-button{
       display:none;
    }
  }


.storebutton {
    appearance: none;
    background-color: #008941;
    border: 0.125em solid #008941;
    border-radius: 9px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family:
      Roobert,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      Helvetica,
      Arial,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol";
    font-size: 20px;
    font-weight: 800;
    line-height: normal;
    margin: 0;
    min-height: 1.75em;
    min-width: 0;
    outline: none;
    padding: 0.2em 1.3em;
    text-align: center;
    text-decoration: none;
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    will-change: transform;
  }
  
  .storebutton:disabled {
    pointer-events: none;
  }
  
  .storebutton:hover {
    color: #fff;
    background-color: #006ab0;
    border: 0.125em solid #006ab0;
    box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px;
    transform: translateY(-2px);
  }
  
  .storebutton:active {
    box-shadow: none;
    transform: translateY(0);
  }




  /*store button for footer*/

  #store-button-footer{
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 30px;

}

.storebutton {
    appearance: none;
    background-color: #008941;
    border: 0.125em solid #008941;
    border-radius: 9px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family:
      Roobert,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      Helvetica,
      Arial,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol";
    font-size: 20px;
    font-weight: 800;
    line-height: normal;
    margin: 0;
    min-height: 1.75em;
    min-width: 0;
    outline: none;
    padding: 0.2em 1.3em;
    text-align: center;
    text-decoration: none;
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    will-change: transform;
  }
  
  .storebutton:disabled {
    pointer-events: none;
  }
  
  .storebutton:hover {
    color: #fff !important;
    background-color: #006ab0;
    border: 0.125em solid #006ab0;
    box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px;
    transform: translateY(-2px);
  }
  
  .storebutton:active {
    box-shadow: none;
    transform: translateY(0);
  }
  

/* Image Gallery */
.gallery-item-overlay {
    width: 100%;
    overflow: hidden;
    margin-bottom: 1rem;
    height:250px; /* This is a fallback if javascript does not load, true height = width as calculated by imgGallery.js. */
    transition: transform 250ms;
    box-shadow: 0 5px 12px rgba(0,0,0,0.2);
    border-radius: 8px;
}

.gallery-item {
    position: relative;
    min-width: 100%;
    min-height: 100%;

    
}

.wide {
    margin-left: 50%;
    transform: translateX(-50%);
}

.tall {
    top: 50%;
    transform: translateY(-50%);
}

img.gallery-item:hover {
    cursor:zoom-in;
}

.supplier-overlay {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1rem;
    background-color: #fff;
}

.supplier-item {
    width: 100%;
    height: auto;
}

/* Logo */
.logo {
    max-width:100%;
}

header .logo {
    max-height: 80px;
}

.footer-logo, .affiliate-logo {
    margin-bottom: 1rem;
}

.footer-logo {
    max-width: 200px;
}

.affiliate-logo {
    max-height: 75px;
    border-radius: 10px;
    margin: 0 1rem;
}

/* Mini Section */
.half-container {
    padding: 3rem 15px;
   
}

.contact {
         
    background-color: rgba(70,107,165, 0.4)
}

.email-blast {
    background-color: rgba(0, 0, 0, 0.6);
}

.news {
    background-color:hsl(124, 38%, 20%);
}

.news-item {
    margin-bottom: 2.5rem;
}

.news-item h3, .news-item p {
    color: #fff;
}

.news-list {
    list-style-type: none;
    padding: 0;
}

.news-thumb-container {
     background-color: white;
     border-radius: 8px; 
     padding: 5px;
}

.news-thumb {
    min-height:200px; 
    background-size: contain; 
    background-position: center; 
    background-repeat: no-repeat; 
   
}

/* Navigation */
nav {
    padding: .5rem 0;
    z-index:1;
    position: relative;
}

.nav-item > .nav-link, .nav-item {
    display: inline;
}

.nav-item, .nav-link {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
}

.nav-link {
    padding: .5rem .5em;
}

.dropdown-item {
    font-size: 12px;
}


.dropdown-item:hover {
    background: none;
}

.dropdown-menu {
    transform: translate3d(0px, 20px, 0px)!important;
    border: none;
}

.nav-list {
    list-style-type: none;
    padding: 0; 
}

.drop-content {
    display:none;
}


/* News Page */
.news-sidebar ul {
    list-style-type: none;
}

.news-sidebar h3 {
    font-size: 1.5rem;
}

/* Parallax */
.parallax {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;

    flex-direction: column;
}

.parallax-overlay {
    padding: 2rem 0;
}

.parallax-contact {
    background-image: url(../../images/arborist.jpg);
    background-position:left top;
}

.parallax-news {
    background-image: url(../../images/powerlines.jpg);
    background-position: left bottom;
}

/*Products */
.product-warning {
    font-weight:bold;
    font-size:1.3rem;
}

/* Subpage Header */
.subpage-header {
    background-color: rgba(0,0,0,0.4);
    width:100%;
    height:100%;
    min-height: 245px;
    margin-bottom: 1.5rem;
    display:flex;
    justify-content: center;
    align-items:center;
}
/* .products-header-bg .subpage-header {
    min-height: 535px;
    background-color: rgba(0,0,0,0.0);
    margin-bottom: 0.5rem;
} */

.subpage-header-bg {
    background-image: url(../../images/title-bg.jpg);
    background-size:cover;
    background-position: center;
}

.products-header-bg {
    background-image: url(../../../diversesupplysolutions.net/images/product_banner_img.jpg);
    background-size:cover;
    background-position: bottom;
}



/* .bg-comp { background-image: url(../../images/title-bg.jpg); }
.bg-lead { background-image: url() }
.bg-test { background-image: url() } */
.bg-prod { background-image: url(../../images/product_banner_img.jpg) }
/* .bg-cat { background-image: url() }
.bg-part { background-image: url() }
.bg-news { background-image: url() }
.bg-cal { background-image: url() }
.bg-vids { background-image: url() }
.bg-quote { background-image: url() }
.bg-faq { background-image: url() } */




/* Style Box */
.style-box {
    display: none;
}

/* LogOx Page */
.attention-box {
    justify-content: center;
    display: flex;

}
.attention-box .card {
    background: #f47021;
}
.attention-woodmen {
    font-size: 18px;
}
.attention-box h2 {
    font-size: 23px;
    letter-spacing: 1px;
}
.attention-box img {
    width: 50%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.logox-page .static-imgs img {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 10px;
    display: block;
}
.static-logos .card {
    background: #f47021;
}
.static-logos img {
    width: 50%;
    margin: 0 auto;
}
.static-button a {
    background: #f47021;
    padding: 8px 15px;
    border-radius: 5%;
    color: #fff;
    font-weight: bold;
}
.pdf-links-section {
    margin: 115px 0;
}
.pdf-links-section .link-card {
    font-size: 15px;
}
.featured-section .feat-img {
    align-items: center;
    display: flex;
    justify-content: center;
}
.featured-section img {
    width: 50%;
    margin-bottom: 35px;
}
.study-section .reduce-strain .card {
    background: #eee;
    font-weight: bold;
    text-align: center;
    border: none;
}
.reduce-strain p {
    font-size: 25px;
    margin-bottom: 0;
}
.study-section img {
    margin: 0 auto;
    display: block;
    width: 100%;
}
.study-section a {
    color: blue;
    text-decoration: underline;
    font-weight: bold;

}

.how-it-works .card {
    background: #eee
}
.how-it-works hr {
    /* width: 50%; */
    border-width: 2px;
    border-color: #A9A9B2;
}
.how-it-works .steps img {
    width: 100%;
    margin-right: 10px;
    margin-bottom: 10px;
}
.how-it-works .step-num {
    color: #006ac6;
    font-weight: bold;
}
.how-it-works span {
    font-weight: bold;
    color: #243649;
}

.video-section iframe {
    width: 100%;
    height: 380px;
}
.video-section .card {
    background: #eee;
}
.video-slide h3 {
    font-size: 1rem!important;
}

@media (min-width:768px) {
    .how-it-works .steps img {
        float: left;
        width: 40%;
        margin-right: 10px;
        margin-bottom: 0;
    }
    .study-section img {
        margin: 0 auto;
        display: block;
        width: 60%;
    }
    .reduce-strain p {
        font-size: 30px;
        margin-bottom: 0;
    }
    .featured-section img {
        width: 40%;
    }
    .logox-page .static-imgs img {
        object-fit: cover;
        min-width: 90%;
        min-height: 100%;
    }
    .attention-box h2 {
        font-size: 25px;
        letter-spacing: 3px;
    }
    .attention-box .logos {
        justify-content: center;
        align-items: center;
        display: flex;
    }
    .attention-box img {
        width: 100%;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .pdf-links-section .link-card {
        font-size: 20px;
    }
}

@media (min-width:1024px) {
    .attention-box h2 {
        font-size: 31px
    }
    .attention-box img {
        width: 60%;
    }
}
/* video carousel */

.video-carousel .container {
    padding: 60px 0;
}
.blog .carousel-indicators {
	left: 0;
	top: auto;
    bottom: -40px;
}
.video-carousel {
    background-image: url(imgs/video_bg.jpg);
}

.video-sec img {
    width: 100%;
    margin: 0 auto;
    display: block;
}

/* The colour of the indicators */
.blog .carousel-indicators li {
    background: #a3a3a3;
    border-radius: 50%;
    width: 8px;
    height: 8px;
}
.blog .carousel-indicators .active {
background: #707070;
}
.blog .arrows {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}
.blog .carousel-control-next,
.blog .carousel-control-prev {
    filter: invert(55%) sepia(61%) saturate(1508%) hue-rotate(348deg) brightness(99%) contrast(94%);
    position: relative;
    opacity: inherit;
}
.arrows span {
    background-size: 130%;
    height: 40px;
    width: 30px;
}
.blog .carousel-control-prev {
	left: 0px;
}
.blog .carousel-control-next {
	right: 0px;
}

@media (min-width:768px) {
    .blog .carousel-control-next,
    .blog .carousel-control-prev {
    position: absolute;
}
    .blog .carousel-control-prev {
        left: -60px;
    }
    .blog .carousel-control-next {
        right: -70px;
    }
    .video-sec img {
        width: 90%;
        margin: 0 auto;
        display: block;
    }
}
/* end video carousel */


/*Testmonial*/
.testimonial-name, .testimonial-title {
    margin:0;
    z-index:2;
    position: relative;
}

.testimonial-bg {
    background-image: url(../../images/powerlines.jpg);
    background-size: cover;
    background-position: center; 
}

.testimonial-bg-overlay {
    background-color:rgba(0,0,0,0.6);
}

/* Vector Graphic */
svg {
    width: 100%;
    height: 100%;
}


/* Video */
.video-display {
    top:0 !important;
}


/* ====== DESIGN  ======= */
a {
    text-decoration: none;
}

.brand-blue {
    /* color: #466BA5; */
    color: #1375BC;
    
    font-weight: bold;
}

.brand-green {
    /* color: #26873A; */
    /* color: #0C9344; */
    color: #08612D;
    font-size: 1.7rem;
}

.faq-cat .brand-blue {
    font-size: 2.2rem;
}

.brand-yellow {
    color: #FFE066;
    /* #F6EB14; */
}

.txt-primary {
    color: #333;
}

.nav-item:hover, .nav-link:hover {
    color: #FFE066;
}

.link-primary, .link-secondary, .link-card {
    text-decoration: underline;
}

.link-primary {
    color: #0D8740; /* #0C9344 */
}

.link-primary:hover {
    color: hsl(145, 85%, 15%);
}

.link-card {
    color: #2264A7;
    font-weight: bold;
    position: relative;
    /* z-index: 2; */
}

.link-card:hover {
    color: hsl(145, 83%, 15%);
}

.link-secondary {
    
    color:#FFE066;
}

.link-secondary:hover {
    color: hsl(48, 100%, 50%);
}

.nav-link {
    color: #fff;
}

.nav-link:active {
    color: #aaa;
}


a h3.brand-green:hover, a h2.brand-green:hover {
    color: hsl(145, 85%, 27%);
}

/*Card */
.card-body {
    background-color: rgba(0,0,0,0.6);
}

/* Dropdown */
.dropdown-menu {
    background-color: #1375BC;
}

/* Featured */
.featured {
    background-color:#182539;
} 

/* Form */
.home-contact-form label {
    color: #fff;
}

/* Footer */
footer a, footer small {
    color: #fff;
}

footer a:hover {
    color:#FFE066;
}

footer h2 {
    color:#666;
}

#ddmg-signature {
    background: #191919;
}

#ddmg-signature p {
    color: #888;
}

/* Navigation */
nav {
    background-color: #1375BC;
    box-shadow: 0 3px 8px -2px rgba(0,0,0,0.7);
}

/*Shadows*/
.shadow-light {
    box-shadow: 0 3px 8px rgba(100,100,100,0.3);
}

.shadow-dark {
    box-shadow: 0 3px 8px rgba(0,0,0,0.7);
}

/* Buttons */
.btn-main, .btn-white, .btn-submit {
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: bold;

    border-radius:5px;
    padding: .1rem .5rem;

    transition: background-color 300ms, color 300ms;

}

.btn-main {
    color:#1375BC;
    border: 2px solid #1375BC;
}

.btn-submit {
    background-color: #0C9344;
    color: #fff;
    border: 2px solid white;
    border-width:  2px;
    box-shadow: 0 3px 5px rgba(0,0,0,0.4);
}

.btn-submit:visited {
    box-shadow: none;
}

.btn-white {
    color:#fff;
    border: 2px solid #fff;
}

.btn-email {
    font-size: 1rem;
    background-color: #1375BC;
    border: 1px solid #fff;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: .375rem .75rem;
}

.quotation-mark {
    position:absolute; 
    top:0; 
    right:0; 
    max-width: 75px;
}



/* ===== MEDIA QUERIES ====== */

@media only screen and (min-width:768px) {
    /* ======= LAYOUT ======= */
    .page {
        min-height: 400px;
    }

    .half-container {
        width: 750px;
    }

    .col {
        padding: 0 15px;
    }



    /* ======= TYPOGRAPHY ======= */
    h1 {
        font-size: 2.5rem; 
    }

    .card-title {
        font-size: 1rem;
    }

    .carousel-caption p {
        font-size: 1.2rem;
        font-weight: bold;
        font-style: italic;
    }


    /* ======= COMPONENTS ======= */
    /* Cards */
    .card-body {
            padding: .5rem;
    }


    .sub-page-card, .news-page-item, .news-sidebar, .g-map iframe {
        border-radius: 8px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    }

    .sub-page-card, .news-page-item {
        padding: 2rem;
    }

    .news-page-item {
        flex-direction: row;
        height:100%;
    }

    .news-flex-01 {
        flex: 1;
        margin-right: 2rem;
    }

    .news-flex-02 {
        flex: 2;
    }
  
    
     /* Carousel */
     .carousel {
        position: relative;
    }

    .carousel-caption {
        position: absolute;
        left:0;
        right:0;
        /* top: 90%; */
        bottom: 0;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .carousel-caption p {
        text-align: center;
        padding: 0 15px;
        margin: 0;
    }


    /* Forms */
    .contact-form {
        padding: 2rem 4rem;
    }

    .gallery-select {
        width: 40%;
        display:block;
    }

    /* SVG */
    .svg-container-m {
        width:50%;
    }



    /* =======  DESIGN  ======= */
    .carousel-caption {
        color: #fff;
        background-color: hsla(145, 85%, 27%, 0.8); /*Default: 31%*/
        box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    }

    .btn-main, .btn-white, .btn-submit {
        font-size: 1.3rem;
    }

    .focus-container-background {
        background-color: #1375BC;
    }
}

@media only screen and (max-width:991px) {
    .m-nav {
        position: fixed;
        top:0;
        bottom:0;
        left:0;
        width: 0;
        max-width:350px;
        background-color: #182539;
        overflow: hidden;
        white-space: nowrap;
        transition: width 500ms;
        box-shadow: 3px 0 8px rgba(0,0,0,0.4);
        z-index: 5;
    }

    .m-nav li {
        display:block;
    }
    
    .m-nav-close, .m-nav-open {
        font-size: 1.5rem;
    }

    .m-nav-open {
        padding-left: 30px;
    }

    .dropdown-menu {
        background: none;
        position: relative !important;
        transform: none !important;
        float: none !important;
        padding: 0 0 0 .25rem;
    }

    .dropdown-item {
        padding: 0 0 0 1rem;
    }

}


@media only screen and (min-width: 992px) {
    /* ======= LAYOUT ======= */
    .page {
        min-height: 550px;
    }

    .mini:nth-of-type(1) {
            margin-bottom: 0;
        }


    .half-container {
        width: 485px;
    }

    

    /* ======= TYPOGRAPHY ======= */
    h1 {
        font-size: 2.1rem;
    }

    h2 {
        font-size: 1.8rem;
    }

    h3 {
        font-size: 1.5rem;
    }


    .card-title {
        font-size: 1.3rem;
    }

    .text-lg-justify {
        text-align: justify !important;
    }
    
    .dropdown-item {
        font-size: 16px;
    }
    
    /* ======= COMPONENTS ======= */
    /* Card*/
    .focus-card {
        margin: 0;
    }

    .focus-card.first {
        margin-bottom: 3rem;
    }
    
    .focus-card:hover, .gallery-item-overlay:hover {
        transform: translateY(-10px);
    } 

    /* Carousel */
    .carousel-caption p {
        text-align: center;
        font-size: 1.3rem;
    }

    .carousel-caption {
        padding: .5rem 0;
    }

    /* Featured Item */
    .featured h2 {
        flex-direction:row;
    }

    /* Logos */
    .logo-container {
        display: flex;
        align-items: center;
        justify-content: space-around;
    }

    /* Mini Sections */
    .mini-content {
        flex: 1;
    }

    .style-box.second .style-box-overlay {
        background-color: rgba(0, 0, 0, .2);
    }

    /* Navigation */
    .main.nav-list {
        width: auto;
    }

    /* Parallax */
    .parallax {
        flex-direction: row;
    }

    .parallax-content {
            padding: 2rem;
            margin: 0 15px;
            background: rgba(255,255,255,0.7);

        }

    .parallax-contact {
        background-position: center top;
    }

    .parallax-news {
        background-position: right bottom;
    }



    /* =======  DESIGN  ======= */
    .btn-main, .btn-white, .btn-submit {
        font-size: 1.3rem; 
    }

   

    .btn-main:hover {
        background-color: #1375BC;
        color: #fff;
        text-decoration: none;
    }

    .btn-submit:hover {
        cursor: pointer;
        text-decoration: none;
        background-color: hsl(145, 85%, 17%)
    }

    .btn-white:hover {
        background-color: #fff;
        color:#0C9344;
        text-decoration: none;
    }

    .btn-email:hover {
        cursor: pointer;
    }

    .quotation-mark {
        top: auto;
        right: auto;
        bottom:0; 
        left:15px; 
        transform: rotate(180deg);
    }
}


@media only screen and (min-width:1200px) {
    /* ======= LAYOUT ======= */
    .page {
        min-height: 600px;
    }

    .section-margin {
        margin: 5rem 0;
    }

    .section-padding {
        padding: 8rem 15px;
    }


    /* ======= TYPOGRAPHY ======= */
    h1, h1.home {
        font-size: 2.5rem;
        margin-bottom: 1.5rem;
    }

    .sub-h1 {
        font-size: 2rem;
    }

    /* Subpage Header */
    .subpage-header h1 {
        font-size: 4rem;
        margin:0;
        padding: 4rem 0;
    }

    h2 {
        font-size: 2.2rem;
    }

    .leadership-title {
        font-size: 2rem;
    }

    h3 { 
        font-size: 1.7rem;
    }

    h3.vid-title {
        font-size: 1.5rem;
    }

    .carousel-caption p {
        text-align: right;
        font-size: 1.5rem;
    } 
    
    .news-item h3 {
        font-size: 1.5rem;
    }


    /* ======= COMPONENTS ======= */
    /* Mini Sections */
    .mini-content {
        padding: 4rem 0;
        flex: 1 50%;
    }

    .featured {
        flex: 1 50%;
    }

    .news {
        flex: 1 50%; 
    }

    .news-item, .testimonial-item {
        margin-bottom: 3rem;
    }


    .email-blast {
        flex: 1 50%; 
    }

   .half-container.left {
        margin-left: auto;
        margin-right: 0;
        padding-left: 35px;
        padding-right: 35px;
    }

    .half-container.right {
        margin-right: auto;
        margin-left: 0;
        padding-right: 35px;
        padding-left: 35px;
    }

    .half-container {
        width: 570px;
    }

    .home h2 {
        margin-bottom: 1.5rem;
    }

    .card-body {
        padding: .5rem 2rem;
    }

    /* Nav-links */
    .nav-item, .nav-link {
        font-size: 18px;
    }
    
    .nav-link {
        padding: .5rem 1rem;
    }
    
    /* Focus Container */
    .focus-container {
        padding: 6rem 15px 10px;
    }

    /* Parallax */
    .parallax > section {
        z-index: 1;
    }
}


@media only screen and (min-width: 1300px) {
    /* ==== COMPONENTS ===== */
    /* Homepage Style Box */
    .style-box {
        display:block;
        position:absolute;
        top:0; 
        bottom:0;         
        z-index:5;
    }

    .style-box-overlay {
        height:100%;
        width:100%;
    }

    .style-box.first {
        right:0;
        background-image: url(../../images/trees.jpg);
        background-size: cover;
        background-position: right center;
    }

    .style-box.first .style-box-overlay {
        background-color: hsla(217, 40%, 16%, 0.2);
    }

    .style-box.second {
        left:0;
        background-image: url(../../images/powerline.jpg);
        background-size: cover;
        background-position: center;
    }
}


@media only screen and (min-width: 1500px) {
    /* ===== COMPONENTS ====== */
    /* Homepage Carousel */
    .carousel-item {
        max-height: 742px;
        overflow: hidden;
    }

    /* Homepage Style Box */
    .style-box {
        display:block;
        position:absolute;
        top:0; 
        bottom:0;         
        z-index:5;
    }

    .style-box-overlay {
        height:100%;
        width:100%;
    }

    .style-box.first {
        right:0;
        background-image: url(../../images/trees.jpg);
        background-size: cover;
        background-position: right center;
    }

    .style-box.first .style-box-overlay {
        background-color: hsla(217, 40%, 16%, 0.2);
    }

    .style-box.second {
        left:0;
        background-image: url(../../images/powerline.jpg);
        background-size: cover;
        background-position: center;
    }
}


@media only screen and (min-width: 1200px) and (max-width:1599px) {
    /* ===== COMPONENTS ==== */
    .focus-card {
        max-height: 250px;
        overflow:hidden;
        
    }

    .focus-card.last img {
      margin-top: -50px;
    }
}


@media only screen and (min-width: 1600px) {
    /* ===== LAYOUT ===== */
    .col-xxl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    /* ===== COMPONENTS ===== */
    .carousel-caption {
        padding: 1rem 0;
        /* top: 90%; */
        bottom: 0;
    }
}


/* IE10+ CSS */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .fad:before, .fad:after {
        opacity: 1;
    }

    svg {
        display: none;
    }

    .lightbulb-ie {
        display:block!important;
    }


    .ms-quote-col {
        min-height:186px;
    }

    .supplier-overlay {
        display: -ms-flexbox;
       
    }

    .supplier-item {
       flex-shrink:0;
    }

    .email-flex {
        display: -ms-flexbox;
    }
    
    .email-flex > .btn-email, .email-flex .email-input {
        flex: none;
    } 
    .email-flex  .email-input {
        height: 38px;
    }
}


.plusminus {
    display:inline-block;
    font-weight:400;
    width:30px;
}

.faq-answer {
    margin-left: 30px;
}
.connect{
    color:#0C9344;
}