/* SET TYPOGRAPHY RULES BELOW ONLY AFTER COMPLETING ALL THE FOLLOWING*
 *
 * Settings > Typekit Fonts
 * Add Typekit kit code after creating kit via OMS login
 *
 * Theme Customizer > General Settings > Typography
 * Set base body size, body line-height, link color, body color, header color
 * Header font sizes and line-heights set below in code
 * Reversed font colors for dark bkgds set below
 *
 * /////////////////////////////////////////////////////////




/*-------------------------------------------------------------------------------------------------------------------------------

	SITE SPACING CLASSES & RULES
	These rules do not contain body.orbit so it can be overwritten via builder

---------------------------------------------------------------------------------------------------------------------------------*/


/*--- UNIVERSAL SPACING ---*/
/* Removes padding-top of a row following another row */
.et_pb_row + .et_pb_row,
.et_pb_row_inner + .et_pb_row_inner {
    padding-top: 0 !important;
}
.et_pb_row, .container {
    width: 90%
}

/*.et_pb_section.bg-color--ffffff + .et_pb_section.bg-color--ffffff .et_pb_row,
.et_pb_section.bg-color--f2f2f2 + .et_pb_section.bg-color--f2f2f2 .et_pb_row,
.et_pb_section.bg-color--333333 + .et_pb_section.bg-color--333333 .et_pb_row {
	padding-top: 0;
	margin-top: -120px;
}*/

.et_pb_section.transition .et_pb_row {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0 !important;
    z-index: 1;
}

.et_pb_section.bg-color--ffffff.transition + .et_pb_section.bg-color--ffffff .et_pb_row,
.et_pb_section.bg-color--f2f2f2.transition + .et_pb_section.bg-color--f2f2f2 .et_pb_row,
.et_pb_section.bg-color--333333.transition + .et_pb_section.bg-color--333333 .et_pb_row,
.et_pb_section + .et_pb_section.oms-overlay-gray .et_pb_row {
    margin-top: 0;
    padding-top: 120px;
    padding-bottom: 120px;
}

.et_pb_section + .et_pb_section.oms-overlay-gray .et_pb_row {
    margin-top: 0 !important;
    padding-top: 120px !important;
    padding-bottom: 120px !important;
}



/*--- DESKTOP SPACING ---*/


/* Sets space between stacked rows in same section */
@media all and (min-width: 981px) {
    .et_pb_row + .et_pb_row {
        margin-top: -40px; /* amount to remove from padding rule above */
    }
}


/*--- TABLET SPACING ---*/

/* Sets row padding */
@media all and (max-width: 980px) {
    .et_pb_row {
        padding: 80px 0;
    }
    /* Sets space between stacked columns */
    .et_pb_column {
        margin-bottom: 40px;
    }
    /* Sets space between stacked rows in same section */
    .et_pb_row + .et_pb_row {
        margin-top: -40px; /* amount to remove from padding rule above */
    }
}


/*--- MOBILE SPACING ---*/

/* Sets row padding */
@media all and (max-width: 767px) {
    .et_pb_row {
        padding: 60px 0;
    }
    /* Sets space between stacked columns */
    .et_pb_column {
        margin-bottom: 30px;
    }
    /* Sets space between stacked rows in same section */
    .et_pb_row + .et_pb_row {
        margin-top: -30px; /* amount to remove from padding rule above */
    }
}


/*--- ADDITIONAL SPACING OPTIONS, MAY REQUIRE BREAKPOINT RULES ---*/

/* Add small amount of padding to have smaller padding above and below content */
body.orbit .et_pb_section.small-pad .et_pb_row {
    padding: 10px 0;
}

/* Add padding to have more exagerated padding above and below content */
body.orbit .et_pb_section.large-pad .et_pb_row {
    padding: 200px 0;
}

/* Tighten up padding between rows while having additional space at top and bottom of sections */
body.orbit .et_pb_section.large-pad .et_pb_row + .et_pb_row {
    padding-top: 0 !important;
    margin-top: -100px;
}



/*-------------------------------------------------------------------------------------------------------------------------------

	TYPOGRAPHY STYLES

---------------------------------------------------------------------------------------------------------------------------------*/

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #0085cc;
}

/*-------------------------------------------------------------------------------------------------------------------------------

	FOOTER STYLES

---------------------------------------------------------------------------------------------------------------------------------*/

#footer-bottom {
    background: none;
}

/* Bottom left footer nav */

.footer-credits-menu {
    display: inline-block;
}

body.orbit ul#menu-footer-bottom-left-nav {
    display: inline;
}

@media (min-width: 981px) {
    #footer-widgets .footer-widget {
        margin-bottom: 0; /* Removes padding on desktop so rule above can work*/
    }
}
@media (max-width: 980px) {
    #footer-widgets .footer-widget {
        margin-bottom: 50px !important; /* Add padding back in below desktop where footer columns stack*/
    }
}


/*-------------------------------------------------------------------------------------------------------------------------------

	BLOG STYLES

---------------------------------------------------------------------------------------------------------------------------------*/


@media all and (max-width: 980px) {
    body.orbit .post-wrapper-global {
        grid-template-columns: repeat(1, 1fr);
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------

	CUSTOM CLASSES

---------------------------------------------------------------------------------------------------------------------------------*/

/* Use to add overlays to background images on sections and rows
 * You can duplicate and change name to match desired colors */
.oms-overlay-blue::before {
    content: '';
    background: rgba(0,133,204, .92);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.oms-overlay-gray::before {
    content: '';
    background: rgba(60,60,60,.9);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}


.et_pb_row_inner .et_pb_blurb.et_pb_text_align_left .et_pb_blurb_content .et_pb_blurb_container {
    vertical-align: middle;
}


/*-------------------------------------------------------------------------------------------------------------------------------

	NINJA FORM STYLING

---------------------------------------------------------------------------------------------------------------------------------*/


.nf-field-container.side-by-side.left {
    width: calc(50% - 10px);
    display: inline-block;
    margin-right: 7px;
}

.nf-field-container.side-by-side.right {
    width: calc(50% - 10px);
    display: inline-block;
    margin-left: 8px;
}

#ninja_forms_required_items, .nf-field-container {
    margin-bottom: 10px !important;
}

.label-above .nf-field-label {
    margin-bottom: 0 !important;
}

.label-above .nf-field-label label {
    font-size: 16px;
}

input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
    padding: 15px;
}

.nf-form-fields-required {
    display: none;
}

.nf-field-element textarea {
    height: 150px !important;
}


/*-------------------------------------------------------------------------------------------------------------------------------

	BREAKPOINT TARGETING

---------------------------------------------------------------------------------------------------------------------------------*/

/* Below are styles for specific breakpoints, everything above this line should be universal. AKA only put styles that are different than above here. */


/* TABLET ONLY Styles */
@media all and (min-width: 768px) and (max-width: 980px) {

}

/* MOBILE ONLY Styles */
@media all and (max-width: 767px) {
    body.orbit p {
        font-size: 15px;
    }
    body.orbit p.intro {
        font-size: 20px;
    }
    body.orbit h1 {
        font-size: 35px;
    }
    body.orbit h2 {
        font-size: 28px;
    }
}

/* MOBILE AND TABLET Styles */
@media all and (max-width: 980px) {
    .oms-tabletMobile-hide { display: none; }
}