/* Grow Advertising, static restoration of the 2020 site.
   The original theme CSS does the styling. This file only replaces the behaviour the
   WordPress/jQuery layer used to provide (sticky nav, mobile menu, video reveal) and
   styles the few additions: the founder block, the founder page and the contact buttons
   that replace the newsletter forms. */

html { scroll-behavior: smooth; }
[id] { scroll-margin-top: 90px; }

/* ---- navigation: the theme wrapped #fixed-top in a fixed sticky wrapper with JS ---- */
#fixed-top { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; }
#fixed-top .navbar-brand img { max-height: 46px; width: auto; }
.navbar-expand-lg.navbar .navbar-nav li.submenu:focus-within ul { visibility: visible; opacity: 1; transform: translateY(0); }
.navbar-expand-lg.navbar.shrink .navbar-nav li.submenu:focus-within ul { transform: translateY(28px); }
.navbar-expand-lg.navbar .navbar-nav li.submenu .dropdown-menu li a { font-size: 14px; }
@media (max-width: 991px) {
  #fixed-top.menu-open { background: #fff; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2); }
  #fixed-top.menu-open .navbar-brand img { display: none; }
  #fixed-top.menu-open .navbar-brand img + img { display: block; }
  #fixed-top.menu-open .navbar-toggler .icon-bar { background: #000; }
  #navbarSupportedContent { max-height: calc(100vh - 90px); overflow-y: auto; }
  .navbar-expand-lg.navbar .navbar-nav li.submenu .dropdown-menu { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; }
  .navbar-expand-lg.navbar .navbar-nav li.submenu .dropdown-menu li a { padding: 8px 20px 8px 36px; color: #555; }
}

/* ---- home hero: keep the theme's layout, no background video ---- */
#first-section .hero-banner-area.video_bg { overflow: hidden; }
#first-section #particles-js { pointer-events: none; }
@media (max-width: 767px) {
  #first-section .hero-banner-area.video_bg { padding-bottom: 90px; }
  #video-section { margin-top: 0 !important; }
}

/* ---- video block: the gears poster with the round play icon, then the player ---- */
#shor-vid { position: relative; width: 100%; min-height: 480px; }
#shor-vid:not(.playing) { background-size: cover; }
#shor-vid .gradientOnVid { left: 0; z-index: 2; cursor: pointer; }
#shor-vid .gradientOnVid:before { transition: transform 0.2s ease, background 0.2s ease; }
#shor-vid .gradientOnVid:hover:before { transform: scale(1.06); background: rgba(255, 255, 255, 0.12); }
#shor-vid.playing { background: #000; }
#shor-vid.playing .gradientOnVid { display: none; }
#shor-vid .elementor-widget-container { width: 100%; }
.grow-video { width: 100%; background: #000; }
.grow-video video { display: block; width: 100%; height: auto; max-height: 100vh; background: #000; }
#video-section .grow-video-note { font-size: 14px; line-height: 22px; color: #747474; margin: 22px 0 0; text-align: left; }
#video-section .grow-video-note strong { color: #54595f; }
@media (max-width: 767px) {
  #shor-vid { min-height: 0; height: 400px; }
  #shor-vid.playing { height: auto; }
}

/* ---- "Get in touch" block that replaces the newsletter forms on inner pages ---- */
.grow-newsletter { position: relative; background-color: transparent; background-image: linear-gradient(45deg, #783DFF 0%, #31AEF8 100%); }
.grow-newsletter > .elementor-container { min-height: 435px; }
.grow-newsletter > .elementor-background-overlay { background-image: url(/wp-content/uploads/2018/05/map_tecture.png); background-position: center center; background-repeat: no-repeat; opacity: 1; }
.grow-newsletter .elementor-heading-title { color: #fff !important; font-size: 26px !important; line-height: 1.25 !important; font-weight: 600; text-align: center; }
.grow-newsletter .elementor-widget-heading > .elementor-widget-container { margin: 0 0 12px !important; }
.grow-newsletter .elementor-text-editor, .grow-newsletter .elementor-widget-text-editor { color: #fff; font-size: 16px; text-align: center; }
.grow-newsletter .elementor-widget-text-editor > .elementor-widget-container { margin: 0 30px 26px !important; }
.grow-newsletter .elementor-widget-shortcode > .elementor-widget-container { margin: 0 !important; }
.grow-touch { text-align: center; }
.grow-touch .elementor-button, .grow-contact-note .elementor-button, .grow-founder .elementor-button, .grow-founder-page .elementor-button {
  display: inline-block; height: 50px; line-height: 48px; padding: 0 30px; margin: 6px 8px; border-radius: 6px; border: 1px solid #fff;
  background: #61ce70; color: #fff; font: 600 14px/48px "Poppins", sans-serif; letter-spacing: 0.4px; text-transform: none; text-decoration: none;
  transition: all 0.3s linear; box-shadow: none;
}
.grow-touch .elementor-button:hover, .grow-contact-note .elementor-button:hover, .grow-founder .elementor-button:hover, .grow-founder-page .elementor-button:hover { background: #4468D1; color: #fff; border-color: #fff; }
.grow-touch .grow-btn-outline { background: transparent; color: #fff; border-color: #fff; }
.grow-contact-note { text-align: center; padding: 10px 0 30px; }
.grow-contact-note p { font-size: 16px; line-height: 28px; color: #747474; margin-bottom: 18px; }
.grow-contact-note .grow-btn-outline, .grow-founder .grow-btn-outline, .grow-founder-page .grow-btn-outline { background: #fff; color: #414141; border-color: #414141; }
.grow-contact-note .grow-btn-outline:hover, .grow-founder .grow-btn-outline:hover, .grow-founder-page .grow-btn-outline:hover { background: #4468D1; color: #fff; border-color: #fff; }

/* ---- founder block on the About page and the founder page ---- */
.grow-founder { padding: 90px 0 100px; background: #f8f9fc; }
.grow-founder h2, .grow-bio h2 { font: 600 32px/1.3 "Poppins", sans-serif; color: #54595f; margin: 0 0 22px; }
.grow-founder p, .grow-bio p, .grow-bio li { font-size: 16px; line-height: 28px; color: #747474; }
.grow-founder p { margin-bottom: 18px; }
.grow-founder a, .grow-bio a { color: #4c84ff; }
.grow-founder-photo { display: block; width: 100%; max-width: 320px; height: auto; margin: 0 auto; border-radius: 10px; box-shadow: 0 20px 50px rgba(26, 38, 74, 0.16); }
.grow-founder-links { margin: 10px 0 0; }
.grow-founder-links .elementor-button:first-child { margin-left: 0; }
.grow-founder-page { padding-bottom: 40px; }
.grow-founder-page .grow-founder-links { text-align: center; margin-top: 26px; }
.grow-bio h3 { font: 600 22px/1.3 "Poppins", sans-serif; color: #54595f; margin: 36px 0 14px; }
.grow-bio p { margin-bottom: 18px; }
.grow-ventures { list-style: none; padding: 0; margin: 0 0 24px; }
.grow-ventures li { position: relative; padding: 8px 0 8px 22px; border-bottom: 1px solid #eef0f5; }
.grow-ventures li:before { content: ">"; position: absolute; left: 0; color: #61ce70; font-weight: 700; }
.grow-ventures li strong { color: #54595f; }
@media (max-width: 767px) {
  .grow-founder { padding: 60px 0 70px; }
  .grow-founder-photo { max-width: 240px; margin-bottom: 30px; }
  .grow-founder h2, .grow-bio h2 { font-size: 26px; }
  .grow-founder-page .col-md-4 { margin-bottom: 20px; }
}

/* ---- footer widget added in place of the newsletter form ---- */
.footer_sidebar p.grow-founded { color: #c9ccdb; font-size: 14px; line-height: 24px; margin-top: 10px; }
.footer_sidebar p.grow-founded a { color: #61ce70; }
.footer_sidebar p.grow-founded a:hover { color: #fff; }

/* ---- housekeeping ---- */
.elementor-invisible { visibility: visible !important; }
.wow { visibility: visible !important; }
img[data-rjs] { image-rendering: auto; }
.elementor-custom-embed iframe { width: 100%; min-height: 420px; border: 0; display: block; }

/* ---- mobile: the theme's page rows overflow the viewport by 15px without its JS ---- */
@media (max-width: 991px) {
  body.grow-static { overflow-x: clip; }
  .appart-page .container.page-content > .row { margin-left: 0; margin-right: 0; }
}

/* ---- home page heading sizes as they rendered on the live site (measured from the 2021 capture) ---- */
#start-advertising .title-four h2 { font-size: 27px !important; line-height: 38px !important; font-weight: 600; color: #54595f !important; padding-bottom: 6px; }
#start-advertising .scree_feature_item h3 { font-size: 30px !important; line-height: 36px !important; }
#video-section .elementor-text-editor h3 { font-size: 28px !important; line-height: 34px !important; }
#publisher-section .app-promo-content h2 { font-size: 27px !important; line-height: 38px !important; font-weight: 600 !important; }
#whitelabel-section .b_features_content h2 { font-size: 26.5px !important; line-height: 38px !important; font-weight: 700 !important; padding-bottom: 20px !important; }
.elementor-widget-heading .elementor-heading-title.elementor-size-default { font-size: 17.5px; }
#first-section .col-header-img .img-header-sm { max-width: 700px; }

/* ---- contact form (hands the message to the visitor's mail app) ---- */
.grow-mail-form .form_title h6 { font: 600 22px/1.3 "Poppins", sans-serif; color: #54595f; margin-bottom: 22px; }
.grow-mail-form .form-control { height: 50px; border: 1px solid #e3e6ef; border-radius: 6px; box-shadow: none; font-size: 15px; padding: 0 16px; margin-bottom: 20px; }
.grow-mail-form textarea.form-control { height: 160px; padding: 14px 16px; }
.grow-mail-form .form-control:focus { border-color: #4c84ff; box-shadow: none; }
.grow-mail-form input[type="submit"] { display: inline-block; height: 50px; line-height: 48px; padding: 0 34px; border-radius: 6px; border: 1px solid #fff; background: #61ce70; color: #fff; font: 600 14px/48px "Poppins", sans-serif; letter-spacing: 0.4px; cursor: pointer; transition: all 0.3s linear; }
.grow-mail-form input[type="submit"]:hover { background: #4468D1; }
.grow-mail-form .grow-form-note { font-size: 13px; line-height: 20px; color: #8d99b3; margin: 14px 0 0; }
.grow-mail-form .grow-form-note a { color: #4c84ff; }

/* ---- pages whose per-page Elementor stylesheet was never archived: use the site's heading colours ---- */
.grow-nocss .elementor-widget-heading .elementor-heading-title { color: #54595f; }
.grow-nocss h2.elementor-heading-title { font-size: 27px; line-height: 38px; font-weight: 600; }
.grow-nocss h3.elementor-heading-title { font-size: 22px; line-height: 32px; font-weight: 600; }
.grow-nocss h4.elementor-heading-title { font-size: 18px; line-height: 28px; font-weight: 600; }
.grow-nocss .feature-five-item h3, .grow-nocss .feature-five-item h3 a, .grow-nocss .title-four h2, .grow-nocss .features_content h2, .grow-nocss .about_content h2 { color: #54595f; }
.grow-nocss .elementor-widget-appart-hero .banner-content h1, .grow-nocss .elementor-widget-appart-hero .hero-content h1, .grow-nocss .elementor-widget-appart-hero .hero-content p, .grow-nocss .elementor-widget-appart-hero .banner-content p { color: #fff; }
.grow-nocss #button-overview #overview-login { border-color: #414141; color: #414141; }
.grow-nocss #button-overview .elementor-button-wrapper { text-align: center; }

/* ---- Elementor "stretch section" (normally done by its JS; JS sets the exact width, this is the fallback) ---- */
.elementor-section-stretched { position: relative; }

/* ---- footer: the WE ACCEPT strip stays at the foot of the column row.
   The original relied on a five-link Resources list to push it below the Whitelabel list. ---- */
@media (min-width: 1310px) {
  #custom_html-4 { display: flex; }
  #custom_html-4 > .textwidget { width: 100%; display: flex; }
  #custom_html-4 > .textwidget > .widget { position: relative; width: 100%; padding-bottom: 96px; margin-bottom: 0; }
  #custom_html-4 #we-accept-div { position: absolute; left: 60px; bottom: 0; margin-top: 0 !important; width: 560px; height: 66px; }
  #custom_html-4 #we-accept-div img { margin-top: 14px; }
  /* the column rules stop above the strip, as they did on the live site */
  #custom_html-4 > .textwidget > .widget { border-right: 0 !important; }
  #custom_html-4 > .textwidget > .widget::after, #custom_html-5::after { content: ""; position: absolute; top: 0; right: 0; bottom: 96px; border-right: 1px solid #fff; }
  #custom_html-5 { border-right: 0 !important; position: relative; }
}
.footer-top .footer_sidebar .widget.widget_contact ul li { word-break: normal !important; overflow-wrap: anywhere; }
.footer-top .footer_sidebar .widget.widget_contact ul li .fleft { width: calc(100% - 30px); }