/* bootstrap overrides */
h1 { font-size: 3rem; }
h2 { font-size: 2.5rem; }
.alert li { list-style: none; }
.navbar-brand { font-size: 2rem; color: #fff; }
a { color: #17a2b8; }
.flex-center { display: flex; justify-content: center; flex-flow: row wrap; }

/* header */
#bg-wrapper { background:url("/images/marketingkiosk/bg.jpg") no-repeat center top fixed;background-size: cover;width: 100%; /*overflow: hidden;*/ }
header .navbar-brand { font-size: 40px; font-weight: bold; }
header .navbar-brand img { max-height: 60px; }
header .navbar-brand:hover { color: #fff; }
header .nav-link { font-weight: 300; }
header .navbar ul ul { position:absolute; opacity:0; width:170px; z-index: 100; padding: 10px 0 0; list-style: none; }
header .navbar ul ul li { float: none; }
header .navbar ul ul li a, header nav ul li:hover ul li a{ background:#000; color: #fff; text-decoration: none; padding: 10px 20px; display: block; }
header .navbar ul li:hover ul { opacity:1; top: auto; }

/* footer */
footer { padding: 60px 0; background-color: #2d2d2d; }

/* home */
#home-1 { padding: 50px 0; }
#home-1 h1 { font-size: 50px; }
#home-video { padding: 50px 0; border-bottom: 1px solid #cccccc; }
#home-video h2 { margin-bottom: 30px; }
#home-video iframe { max-width: 100%; }
#home-2 { padding: 80px 0; }

#home-3 { padding: 80px; background-color: #2d2d2d; }
#home-4 { padding: 80px; }
#home-4 img { width: 100%; }
#home-5 { padding: 0 0 80px; }
#home-5 .col-md { margin-bottom: 40px; }

/* mobiledeals */
#mobiledeals-1 { margin: 60px 0; }
#mobiledeals-2, #mobiledeals-3, #mobiledeals-4, #mobiledeals-5 { margin-bottom: 150px; }
#mobiledeals-6 { background-color: #3a8196; padding: 80px 0; }

/* textmarketing */
#textmarketing-1 { margin: 60px 0; }
#textmarketing-2, #textmarketing-3 { margin-bottom: 150px; }
#textmarketing-3 .col-md-6 { margin-bottom: 50px; }
#textmarketing-4 { background-color: #3a8196; padding: 80px 0; }

/* loyalty */
#loyalty-1 { margin: 60px 0; }
#loyalty-2, #loyalty-3, #loyalty-4, #loyalty-5, #loyalty-6, #loyalty-7, #loyalty-8 { margin-bottom: 150px; }
#loyalty-3, #loyalty-5, #loyalty-7 { padding: 150px 0; }
#loyalty-9 { background-color: #3a8196; padding: 80px 0; }

/* text */
#text-1 { margin: 60px 0; }
#text-1 h2 { color: #35b729; }
#text-2 { margin-bottom: 60px; }
#text-2 p { font-size: 1.5rem; }
#text-3 { margin-bottom: 60px; }
#text-3 .col-md { margin-bottom: 30px; }
#text-3 .col-md h3 { font-size: 1.1rem; text-transform: uppercase; }

/* geofencing */
#geofencing-1 { margin: 60px 0; }
#geofencing-2 { margin: 60px 0; }

/* contact */
#contact-1 { padding: 60px; min-height: 600px; }

/* standard */
.standard-section { padding: 50px 0; min-height: 700px; }

/* install */
#install-1 { padding: 60px; min-height: 600px; }

/* standard */
#standard-1 { padding: 60px; min-height: 600px; }

/* pricing */
#pricing { margin: 60px 0 30px; }
#pricing #plans .plan { border: 1px solid #29a1b7; margin: 20px 0; padding: 0; }
#pricing #plans .plan h2 { font-size: 28px; color: #fff; background: #29a1b7; margin: 0; padding: 15px 10px; text-align: center; font-weight: 300; }
#pricing .plan-details { text-align: center; padding: 20px 0 30px;}
#pricing .plan-details .plan-price { font-size: 50px; line-height: 70px; padding: 0 10px; }
#pricing .plan-details .plan-price span { font-size: 20px; }
#pricing .plan-details .plan-price span.price-text { font-size: 30px; }
#pricing .plan-details .plan-setup { font-size: 20px; margin-bottom: 40px; padding: 0 10px; }
#pricing .plan-details .btn { font-size: 22px; }
#pricing .plan-features { padding: 0 0 20px; }
#pricing .plan-features ul { list-style: none; margin: 0; padding: 0; }
#pricing .plan-features ul li { font-size: 18px; text-align: center; padding: 7px 10px; cursor: default; }
#pricing .plan-features ul li:hover { background: #eee; }

/* signup */
#signup { margin: 60px 0; }
#signup .coupon-code { display: flex; }
#signup .coupon-code input { width: 40%; margin-right: 15px; }
/* stripe card */
.StripeElement { background-color: #FFFFFF; border: 1px solid #ccc; border-radius: 6px; color: #565656; padding: 14px 16px; line-height: 24px; font-size: 16px; -webkit-box-shadow: none; box-shadow: none; }
.StripeElement--focus { box-shadow: 0 1px 3px 0 #cfd7df; }
.StripeElement--invalid { border-color: #fa755a; }
.StripeElement--webkit-autofill { background-color: #fefde5 !important; }

@media screen and (max-width: 991px) {
  header .nav-link { background: none; border: 0; color: #fff; text-align: left; }
  header .navbar ul li.has-submenu > a { display: none; }
  header .navbar ul ul { opacity:1; top: auto; position: relative; width: auto; padding: 0; }
  header .navbar ul ul li a, header nav ul li:hover ul li a { background: none; }
}