﻿.testContainer {
    position: relative;
}

.testContainer video {
    position:relative;
    z-index:0;
}

.overlay {
    position:absolute;
    z-index: 1;
    text-align: center;
}
/* adding utility css - Bob */
.txt-blue {
    color: #09afdf;
}
.txt-blue-drk {
    color: #3371b7;
}
/* from Hub Spot */
.offset-image-text-item {
    flex: 1 30%;
    text-align: center
}

.offset-image-text-item__header {
    font-size: 1.2rem
}

.offset-image-text-item__image {
    max-width: 100%
}

@media (max-width: 990px) {
    .offset-image-text-item__image {
        margin-top: 2rem
    }

    .offset-image-text-item__header {
        margin: auto;
        width: 200px
    }

    .offset-image-text-repeater .row-fluid {
        display: flex;
        flex-flow: wrap;
        justify-content: center;
        text-align: center
    }
}
/* butons etc. */
:where(button,.button,.hs-button):not([class*=simple]) {
    background-color: var(--button-background);
    border: 2px solid var(--button-border);
    border-radius: .175rem;
    -webkit-border-radius: .175rem;
    -moz-border-radius: .175rem;
    -ms-border-radius: .175rem;
    -o-border-radius: .175rem;
    border-radius: 4px!important;
    color: var(--button-text);
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    line-height: 1;
    outline: 0;
    padding: 10px 20px;
    position: relative;
    text-align: center;
    text-decoration: none !important;
    top: 0;
    transform-style: preserve-3d;
    transition: var(--button-transition);
    -webkit-transition: var(--button-transition);
    -moz-transition: var(--button-transition);
    -ms-transition: var(--button-transition);
    -o-transition: var(--button-transition);
    white-space: normal;
}
:is(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6) {
    line-height: 1.2;
    margin-bottom: .5rem;
    margin-top: 0;
}
.h2, h2 {
     font-size: 22px; 
}
.h1, .h2, .h3, h1, h2, h3 {
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
}
.footer {
    background-color: #fafafa;
    color: #777!important;
    padding: 2rem;
}
ol li, ul li {
    margin: 0;
}
h1 {
    font-size: 33px;
    font-weight: 700!important;
    text-transform: uppercase;
}
h4 {
    font-size: 19px;
}
.footer :is(label,a,p,.form-title) {
    font-family: inherit;
    font-size: 14px;
}
.dev-row-4-background-layers {
    background-image: linear-gradient(rgba(243, 243, 243, 1), rgba(243, 243, 243, 1)) !important;
    background-position: left top !important;
    background-size: auto !important;
    background-repeat: no-repeat !important;
}
.dev-row-5-background-layers {
    background-image: linear-gradient(rgba(243, 243, 243, 1), rgba(243, 243, 243, 1)) !important;
    background-position: left top !important;
    background-size: auto !important;
    background-repeat: no-repeat !important;
}
form input[type=checkbox], form input[type=email], form input[type=file], form input[type=number], form input[type=password], form input[type=radio], form input[type=tel], form input[type=text], form select, form textarea {
    background: var(--light-input);
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px var(--light-input-accent);
    box-shadow: inset 0 1px 1px var(--light-input-accent);
    display: inline-block;
    font-size: 15px;
    padding: .7rem;
    -webkit-transition: border-color .15sease-in-out, box-shadow .15sease-in-out;
    transition: border-color .15sease-in-out, box-shadow .15sease-in-out;
    width: 100%;
}
