/*!
 * Start Bootstrap - Shop Homepage (https://startbootstrap.com/template-overviews/shop-homepage)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-shop-homepage/blob/master/LICENSE)
 */

 @font-face {
  font-family: Futura-LT-Bold;
  src: url('../campaigns/default/css/fonts/FuturaLT-Bold.ttf');
}

@font-face {
  font-family: Futura-LT;
  src: url('../campaigns/default/css/fonts/FuturaLT.ttf');
}

.modal-backdrop-orange {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: orange;
  opacity: 0.6;
  width: 100%;
  height: 100%;
  z-index: 1040;
}

input,
.input-group-text,
textarea {
  border-radius: 0 !important;
}

a {
  color:#9d9d9c;
}

body#frontend {
  color: #9d9d9c;
  background-color:#e6e6e6
}

body#frontend {
  font-family: Futura-LT;
}

#frontend .main {
  background-color:#e8e7e7
}

#frontend .logo,
#frontend .header-text {
  margin-top:30px;
  margin-left:30%;
}

#frontend .form-group {
  margin-top:20px;
}

#frontend .header_auth {
  padding-left:0px;
  border-bottom:2px solid #9d9d9c;
}
#frontend .register{
  color:black;
}

#frontend .register .header_auth {
  border-bottom:2px solid black;
}

#frontend .container{
  width:100%;
  padding-top:0px;
}

#frontend .content {
  max-width:40%;
}

#frontend #header {
  height:150px;
  background-color:white
}

#frontend #app {
  overflow:hidden;
}

#frontend#header {
  background-color:white;

}

.page-footer {
  font-size:0.8em !important;
  color:red;
}

#footer-content {
  max-width:28%;
}

html, body {
  height: 100%;
}

#app {
  min-height: 100%;
}

.main {
  height:100%;
  overflow:auto;
  padding-bottom:70px; /* this needs to be bigger than footer height*/
}

footer {
  position: relative;
  margin-top: -50px; /* negative value of footer height */
  height: 50px;
  clear:both;
  padding-top:15px;
  padding-bottom:15px;
  background-color:#fff;
  z-index:10;
  font-size:0.9em;
}

footer .text_footer {
  font-size:0.9em;
}

.upload_symbol {
  font-size:2em;
}

#order_overview h1{
  font-size:1.5em;
}

#order_overview h2{
  font-size:1.3em;
}

#order_overview h3{
  font-size:1.2em;
}
#order_overview h4{
  font-size:1.1em;
}

a.product:hover,
a.package:hover {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  opacity: 0.5;
  filter: alpha(opacity=50); /* For IE8 and earlier */
}

.note_form_field {
  font-size:0.8em;
}

@media (max-width: 768px) {
  #frontend .content {
    max-width:100%;
  }

  .page-footer .content {
    background-color:blue;
  }

  #footer-content {
    max-width:100%;
  }
}

.data_security h1,
.impress h1 {
  font-size:1.4em;
}

.data_security h2,
.impress h2 {
  font-size:1.3em;
}

.data_security h3,
.impress h3 {
  font-size:1.2em;
}

.foot_note {
  font-size:0.6em;
}

.product_details h4,
.package_details h4 {
  font-size: 1.1em;
}

.user .dealer_name {
  font-size:0.8em;
}

.user .user_name {
  margin-top:-5px;
}

.data_security ul,
.data_security ol
{
    padding-left:20px;
    list-style-type: disc;
    list-style-type: decimal;
}

.data_security ol li
{
    list-style-type: decimal;
}

.data_security ul li
{
    list-style-type: disc;
}

@media (max-width: 575.98px) {

  .main {
    height:auto;
    overflow:hidden;
    padding-bottom:0px; /* this needs to be bigger than footer height*/
  }

  #frontend .content {
    width:100%;
  }

  footer {
    position: static;
    margin-top: 20px; /* negative value of footer height */
    height: 50px;
    clear:both;
    padding-top:15px;
    padding-bottom:15px;
    background-color:#fff;

  }

  footer .text_footer {
    font-size:0.8em;
  }


}