/*
Theme name: Innovatrium
Description: Custom Theme
*/

/*
	Source post-css styles are located in resources/css/
	The compiled bundle is saved to `dist/css/bundle-${fingerprint}.css`
	(dist/manifest.json provides the exact path mapping).
	
	DEVELOPMENT.md file contains instructions how to get the compilation
	process up & running.

	If you need to make a quick fix, feel free to add CSS
	below this comment -- it's loaded after the compiled bundle. 
*/
/*Page Builder Headlines*/
@media all and (max-width: 767px) {
    .page-template-page-builder .wysiwyg h1,
    .page-template-page-builder .wysiwyg h2{
        font-size: 35px !important;
        line-height: 1.22 !important;
    }
    .page-template-page-builder .wysiwyg h3 {
        font-size: 25px !important;
        line-height: 1.2 !important;
    }
    .page-template-page-builder .wysiwyg h4 {
        font-size: 18px !important;
        line-height: 1.15 !important;
    }
}

/*Colors*/
.color-green {
    color: #14b008;
}
/*Row Backgrounds*/
.rowbg-white {
    background: #fff;
}
.rowbg-blue {
    background: #1275e0 !important;
}
.rowbg-yellow {
    background: #ffcb05 !important;
}
.rowbg-red {
    background: #e53333 !important;
}
.rowbg-green {
    background: #14b008 !important;
}
.rowbg-black {
    background: #000000 !important;
}
.rowbg-gray {
    background: #666767 !important;
}
/*Text Colors*/
.rowbg-white h2,
.rowbg-white p,
.rowbg-yellow h2,
.rowbg-yellow p {
    color: #000 !important;
}
.rowbg-blue h2,
.rowbg-blue p,
.rowbg-red h2,
.rowbg-red p,
.rowbg-green h2,
.rowbg-green p,
.rowbg-black h1,
.rowbg-black h2,
.rowbg-black h3,
.rowbg-black h4,
.rowbg-black h5,
.rowbg-black h6,
.rowbg-black p,
.rowbg-gray h1,
.rowbg-gray h2,
.rowbg-gray h3,
.rowbg-gray h4,
.rowbg-gray h5,
.rowbg-gray h6,
.rowbg-gray p{
    color: #fff !important;
}
/*Home Slides*/
@media all and (max-width: 600px) {
    .slider__slide-inner br {
        display: none;
    }
}
/*Team Members & Products*/
.member__image img,
.list-products .list__image img {
    border-radius: 50%;
}
/*Products*/
.list-products .list__image img {
    border: 9px solid #676968;
}
/*Testimonials*/
@media all and (min-width: 1024px) {
    .testimonial .testimonial__image img {
        max-width: 200px;
    }
}
.testimonial__entry p {
  color: #14b008;
}
/*About*/
.approach .col__actions {
    margin-top: 20px;
}
/*Popups*/
/*Text*/
.popup--text {
    max-width: 800px;
    width: 90%;
    padding: 30px;
    background: #fff;
}
/*reCaptcha*/
.frm_form_field .grecaptcha-badge {
  display:none;
}
/*Forms*/
.form-formidable .frm_form_field.frm6, .form-formidable .frm_form_field.frm_first_half, .form-formidable .frm_form_field.frm_half, .form-formidable .frm_form_field.frm_last_half, .form-formidable .frm_form_field.frm_left_half, .form-formidable .frm_form_field.frm_right_half, .form-formidable .frm_submit.frm6, .form-formidable .frm_submit.frm_half {
    width: auto;
    margin-left: 0;
}
.with_frm_style .frm_scale input[type=radio]:before {
    box-shadow: inset 10px 10px #1375e1;
    margin: 0;
}
/*Temporary COVID-19 Visit Page*/
body.page-id-449 .page {
    max-width: 800px;
}
body.page-id-449 .page__title  {
    margin-bottom: 65px;
}
body.page-id-449 img.covid-visit-desktop {
    display: none;
}
body.page-id-449 img.covid-visit-mobile,
body.page-id-449 img.covid-visit-desktop {
    width: 100%;
}
@media all and (min-width: 751px) {
    body.page-id-449 img.covid-visit-mobile {
        display: none;
    }
    body.page-id-449 img.covid-visit-desktop {
        display: block;
    }
}
body.page-id-449 .form-formidable {
    margin-top: 30px;
    margin-bottom: 65px;
    margin-left: 0;
    max-width: 800px;
}
body.page-id-449 .form-formidable .frm_primary_label {
    font-family: Open Sans,sans-serif !important;
}
body.page-id-449 .form-formidable input[type=text],
body.page-id-449 .form-formidable input[type=email],
body.page-id-449 .form-formidable input[type=tel]{
    line-height: 2.3 !important;
}
body.page-id-449 .form-formidable #frm_field_28_container .frm_primary_label,
body.page-id-449 .form-formidable #frm_field_29_container .frm_primary_label,
body.page-id-449 .form-formidable #frm_field_21_container .frm_primary_label {
    margin-bottom: 15px !important;
}
body.page-id-449 .form-formidable .frm_form_field.frm_html_container {
    font-family: Open Sans,sans-serif !important;
    color: #000 !important;
}
body.page-id-449 .form-formidable .sigWrapper {
    border-color: #000 !important;
    border: 2px solid #000 !important;
}
body.page-id-449 .form-formidable .sigWrapper input {
    line-height: 120px !important;
}
body.page-id-449 .form-formidable .sigPad .clearButton a {
    color: #14b008 !important;
}
body.page-id-449 .form-formidable .frm_form_field .sigNav a.current {
    background-color: #14b008 !important;
}
/*New/Final COVID-19 Visit Page*/
@media all and (max-width: 1023px) {
    .main-no-margin {
        margin-top: 0;
    }
}
/*AIM HI*/
.hero-landing {
    padding: 0;
    flex-direction: column;
}
.section .section__title {
    background: transparent !important;
    padding: 45px 30px;
}
.section .section__title .aligncenter {
    margin: auto;
}
@media all and (max-width: 767px) {
    #projects .section__title h2 {
        font-size: 35px !important;
    }
    .section-primary--alt .section__entry {
        max-width: 737px;
    }
}
.section--reverse .section__head {
    margin-bottom: 18px !important;
}
/*HERO LOGO*/
@media all and (max-width: 1023px) {
    .hero-landing .hero__logo img {
        max-width: 280px;
    }
}
@media all and (min-width: 1024px) and (max-width: 1399px) {
    .hero-landing .hero__logo img {
        max-width: 350px;
    }
}
@media all and (min-width: 1400px) {
   .hero-landing .hero__logo img {
        max-width: 410px;
    }
}
/*HERO BANNER*/
.hero-landing .banner {
    width: 100%;
    background: #FFCB08;
    padding: 30px;
    position: relative;
    top: 55px;
    z-index: 60;
    text-align: center;
}
@media all and (max-width: 767px) {
    .hero-landing .banner {
        top: 0;
    }
}
/*DAWG*/
@media all and (max-width: 767px) {
    .page-id-757 .hero-landing {
        min-height: 354px;
    }
}
@media all and (min-width: 1024px) and (max-width: 1600px) {
    .page-id-757 .hero-landing {
        min-height: 800px;
    }
}
@media all and (min-width: 1601px) {
    .page-id-757 .hero-landing {
        min-height: 1080px;
    }
}
/*Page Builder Updates*/
.hero-landing .hero__logo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
}
@media all and (max-width: 767px) {
    .hero-landing .hero__logo  {
        padding: 80px 0;
    }
}
.hero-landing .hero__logo .section__actions {
    margin-top: 20px;
}
@media all and (max-width: 767px) {
    .hero-landing .hero__logo .section__actions a {
        width: 100%;
        margin-bottom: 10px;
    }
}
@media all and (min-width: 768px) {
    .hero-landing .hero__logo .section__actions a {
        margin: 10px;
    }
}
.image-text .logos-wrapper {
    display: flex;
    max-width: 100%;
    width: 300px;
    margin: 20px auto;
}
.image-text .logos-wrapper img {
    width: 150px;
    height: auto;
}
.image-text .socials ul {
    justify-content: center;
}
.image-text .socials ul a {
    background: #14b008;
    color: #fff;
}
.section__subtitle {
    max-width: 1250px;
}
.section__subtitle h3 {
    line-height: 50px;
    font-size: 45px;
    text-transform: none;
    font-weight: 800;
}
@media all and (max-width: 767px) {
    .section__subtitle h3 {
        font-size: 36px;
        font-weight: 800;
        line-height: 1.38;
    }
}
.section-callout-secondary .section__entry {
    max-width: 812px;
    margin: 0 auto;
    line-height: 1.75;
    font-weight: 600;
}
.section-callout-secondary .section__subtitle {
    max-width: 900px;
}
.section-callout-secondary .section__subtitle h4 {
    font-size: 24px;
    line-height: 30px;
}
.section-callout-secondary .section__inner {
    color: #fff;
    text-align: center;
}
.less-padding {
    padding: 114px 160px;
}
@media all and (min-width: 768px ) {
    .section.no-padding  .section__image {
        padding-bottom: 0;
    }
}

@media all and (max-width: 1023px) {
    .less-padding {
        padding: 85px 0;
    }
}
@media all and (min-width: 1200px) {
    .section-primary .section__head h2 {
        line-height: 1.0;
    }
}
@media all and (max-width: 575px) {
    .tile .tile__logo--mobile3,
    .tile .tile__logo--mobile2,
    .tile .tile__logo--mobile1 {
        width: 90px;
    }
}
.section__body .video__player {
    margin-top: 42px;
}
@media all and (max-width: 767px) {
    .section__body .video__player {
        margin-top: 29px;
    }
}
.popup--text .member__image {
    max-width: 160px;
    height: auto;
    margin-bottom: 20px;
}
.popup--text .member__image:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 160px;
    height: 162px;
    border: 9px solid #000;
    border-radius: 50%;
}
.footer--landing ul {
    justify-content: center;
}