﻿.new-section {
    margin-top: 150px;
}

.bg-primary {
    background-color: #43b4e4 !important;
}

.bg-light {
    background-color: transparent !important;
}

/* Provide sufficient contrast against white background */
a {
  color: #0366d6;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
}

.location-info {
    background: white;
    border: 3px solid #43b4e4;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    transform: translateY(-112px);
}

.location-info-triangle {
    position: absolute;
    left: 41%;
    top: 142px;/*-128px;*/
    height: 34px;
    width: 34px;
    background: white;
    margin: 0 auto;
    transform: rotate( -135deg );
    border-radius: 12px 0 12px 0;
    border-bottom: 3px solid #43b4e4;
    border-right: 3px solid #43b4e4;
}

.headline:before {
    border-top: 12px solid #3db4e2;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 20px;
    z-index: -1;
    opacity: 0.4;
    width: 70%;
}

.headline.w-70px:before { max-width: 70px !important; }
.headline.w-200px:before { max-width: 200px !important; }
.headline.w-300px:before { max-width: 300px !important; }

.headline.top-20:before { top: 20% !important; }
.headline.top-25:before { top: 25% !important; }
.headline.top-40:before { top: 40% !important; }
.headline.top-50:before { top: 50% !important; }
.headline.top-55:before { top: 55% !important; }
.headline.top-100:before { top: 100% !important; }
.headline.width-85:before { width: 85% !important; }


.card-style {
    border-radius: 15px;
    box-shadow: 0 7px 64px 0 rgba(0, 0, 0, 0.07);
    border: 0px;
}


/* Text fields styles
-------------------------------------------------- */

input, select, textarea {
    height: 57px !important;
    border-width: 1.6px !important;
    border-style: solid !important;
    border-color: #dfdfdf;
    border-radius: 12px !important;
    padding: 16px !important;
    font-size: 16px !important;
    font-weight: 300 !important;
}

input:focus, select:focus, textarea:focus {
    border-color: #43b4e4 !important;
    outline: none !important;
    box-shadow: none !important;
}

/*input.was-validated:invalid, select.was-validated:invalid, textarea.was-validated:invalid {
    border-color: #f48989 !important;
}*/

form label {
    font-size: 18px;
    font-weight: 300;
    color: #495057;
}

input[type="checkbox"] {
    width: 21px !important;
    height: 21px !important;
    border: solid 1.6px #dfdfdf;
    border-radius: 6px !important;
}

input[type="checkbox"]:focus {
    border-color: #43b4e4 !important;
    outline: none !important;
    box-shadow: none !important;
}


/* Overriding form-control styles
-------------------------------------------------- */
.form-control.is-valid, .was-validated .form-control:valid {
    border-color: #dfdfdf;
    background-image: none;
}

/* Text */
.text-align-start {
    text-align: start !important;
}

#home-products-section a *, #home-products-section a:hover {
    color: black;
}