p.nomar { margin-bottom: 0; } .section-block.light-background { background-color: #F5F7F7; padding: 0; } .section-block.light-background .gridrow { display: flex; } .section-block.light-background .gridcol { display: flex; flex-direction: column; margin-bottom: 0; justify-content: center; } .section-block.light-background .gridcol:first-child { padding: 3rem 0; } .light-background p, .dark p { margin-bottom: 18px; } .integrator-wrap, .automation-wrap {} .integrator-wrap .gridcol, .automation-wrap .gridcol { overflow: visible; } .integrator-wrap .inner, .automation-wrap .inner { padding-top: 0 !important; padding-bottom: 0 !important; } .automation-nav { background-color: #0051af; padding: 10px 0; } .automation-nav ul { margin: 0; padding: 0; list-style: none; overflow: hidden; text-align: center; } .automation-nav ul li { margin: 0 20px 0; padding: 0; list-style: none; display: inline-block; } .automation-nav ul li a { color: #fff; text-decoration: none; font-size: 18px; font-weight: 400; } .automation-nav ul li a.active { color: #DA101C; } .section-block { font-size: 18px; padding: 20px 0; } .section-block .title { color: #303840; line-height: 1.3; padding-bottom: 1.5rem; font-size: 32px; font-family: "Inter", sans-serif; font-weight:300; } .section-block .title span { font-size: 40px; font-family: "Inter", sans-serif; font-weight: 600; line-height: 1; } .section-block .title a { color: #0051af; text-decoration: none; } .drone-img { background-image: url(../images/vision-automation/drone-blueprint.jpg); background-size: cover; background-position: center; } .integrators-img { background-image: url(../images/vision-integrators/banner-bg.jpg); background-size: cover; background-position: center; } .cta { margin-top: 2.5rem; background-color: #E9ECF0; font-size: 22px; color: #303840; line-height: 1.2; text-align: left; padding: 25px; font-family: "Inter", sans-serif; font-weight: 600; } .final-cta { display: grid; grid-template-columns: 3fr 1fr; grid-gap: 2rem; } .intro { background-repeat: no-repeat; background-position: center top; padding-bottom: 80px; } .vision-systems-automation .intro { background-image: url(../images/vision-automation/drone-back.jpg); padding: 4rem 0; background-position: 50vw -20px; } .vi-intro { padding: 4rem 0; } .liquid-lens-container .intro { background-image: url(../images/liquid-lens/liquid-lens.png); padding: 4rem 0; background-position: 50vw -20px; background-size: contain; } .midbar { background-color: white; color: #345089; position: relative; padding: 3rem 0; } .midbar .title { padding-bottom: 0; max-width: 950px; line-height: 1.4; font-size: 40px; } .midbar .title span { font-family: "Inter", sans-serif; font-weight: 600; } .midbar .title span.call { color: #DA101C; } .midbar-cta { font-size: 28px; font-weight: bold; } .midbar-cta p { margin-bottom: 10px; } .midbar-cta .callus { font-size: 33px; color: #b7cbe2; } .midbar-cta .callus span, .midbar-cta .callus a { color: #DA101C; text-decoration: none; } .split { padding: 3rem 0; } .split .title { font-family: "Inter", sans-serif; font-weight: 600; color: #303840; } .split .title:after { content: ''; display: inline-block; width: 100px; height: 25px; background-image: url('../images/bullet-arrow_red.png'); background-size: contain; background-repeat: no-repeat; background-position: right; } .split.expertise { background-repeat: no-repeat; background-position: center top; background-color: #fff; } .section-block.dark { background-color: #253447; color: #fff; background-repeat: no-repeat; background-position: center top; padding: 3rem 0; } .section-block.dark .title, .section-block.dark p, .section-block.dark ul, .section-block.dark h4 { color: white; } .section-block.ebook { background-color: #0b1425; color: #fff; background-repeat: no-repeat; background-position: center top; width: 100%; border-radius: 0; } .download-btn { display: inline-block; padding: 10px 15px; background-color: #0051af; font-size: 24px; font-weight: bold; border-radius: 10px; color: #DA101C !important; text-decoration: none; } .download-btn:hover { background-color: #DA101C !important; color: #000 !important; } .section-block.bottom { background-color: #9fca30; color: #000; background-repeat: no-repeat; background-position: center top; text-align: center; background-image: url(../images/vision-integrators/bottom-bg.jpg); } .section-block.bottom .title { color: #000; font-weight: 700; font-size: 32px; } .section-block.bottom .title a { color: #000; text-decoration: none; } .section-block.bottom .title span { color: #fff; font-weight: 700; font-size: 32px; } .section-block.bottom .title a span, .section-block.bottom .title span a { color: #fff; text-decoration: none; } .bottom-cta { margin: auto; text-align: left; background-color: #0051af; font-size: 18px; color: #fff; padding: 15px 15px 15px 145px; } .bottom-cta.machine-vision { background-image: url(../images/vision-integrators/bottom-cta-mv.png); } .bottom-cta p.bottom-cta-subtitle { color: #fff !important; font-family: "Inter", sans-serif; font-weight: 600; margin-bottom: 0; line-height: 1.2; } .bottom-cta p.title {} .bottom-cta p { margin-bottom: 7px; } .bottom-cta a { text-decoration: none; font-weight: bold; } .bottom-cta a:hover { color: #fff !important; } .intro .bottom-cta { margin: 20px auto; padding: 2rem; line-height: 1.2; background-size: cover; } .intro .bottom-cta p.title { font-size: 20px !important; } .intro .bottom-cta a { font-size: 18px !important; } .intro img { padding-top: 9rem; } .center-image { text-align: center; } .split .gridrow.experts { display: flex; align-items: center; } @media (max-width: 1024px) { .automation-nav ul li { margin: 0 10px 0; } .automation-nav ul li a { font-size: 15px; } .final-cta { grid-template-columns: 1fr; } } @media (max-width: 770px) { .split .gridrow.experts { flex-direction: column; } #content .section-block .inner { padding: 0 !important; } .split .gridcol:first-child { margin-bottom: 2rem; } .vision-systems-automation .intro { background-position: 100vw 0; } .vision-systems-automation .intro, .split, .section-block.light-background .gridcol:first-child, .section-block.dark, .midbar, .section-block.vi-intro { padding: 3rem 20px; } .intro img { padding-top: 2rem; } .section-block.light-background .gridrow, .section-block.category-banner .gridrow { flex-direction: column; } .drone-img { height: 300px; } .midbar .title, .midbar .title span, .section-block .title, .section-block .title span, .cta span { font-size: 30px; } } @media (max-width: 480px) { .split .title:after { width: 50px; } .bottom-cta, .intro .bottom-cta { padding: 15px; } }