/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification 
for details on configuring this project to bundle and minify static web assets. */
body {
    padding-top: 62px;
    padding-bottom: 20px;
    margin-left:  10px;
    margin-right: 10px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.btn-default {
    background: rgba(255,255,255,.8) !important;
}

.btn-default:hover {
    background: linear-gradient(85deg,#acf,rgba(130,190,255,.5)) !important;
    border:0;
    color: #fff;
}

#header-img-1 {
  background: url('../images/Enketa_Over_Website_Cover_540x360.png');
  content: url('../images/Enketa_Over_Website_Cover_540x360.png');
}

object {
    width:100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.object-wrapper {
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;  
    flex-wrap: wrap;
    /*min-height: 1000px;*/
    display: block;
    overflow:auto;
}

.text-sidebar {
}

.contact-alert {
    margin-left: -7px;
    margin-right: -7px;
    /*padding-right:-5px;*/
}

.text-sidebar:hover {
    transition: .5;
    background:rgb(255,255,255,.9);
    cursor: pointer;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

.display-5 {
    font-size: 3rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-6 {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-7 {
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-8 {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.nav-link:hover {
    color: rgb(220,220,255) !important;
}

.navbar-brand:hover {
    color: rgb(220,220,255) !important;
}

.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 300px;
    /*width:100% !important;*/
}

.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    border: 0;
}


/*MODAL START*/
 /* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
} 
/*MODAL END*/


/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 752px) {
    #header-img-1 {
  background: url('../images/Enketa_Over_Website_Cover_540x360.png');
  content: url('../images/Enketa_Over_Website_Cover_540x360.png');
}
}

@media screen and (min-width: 753px) and (max-width: 975px) {
    #header-img-1 {
  background: url('../images/Enketa_Over_Website_Cover_720x360.png');
  content: url('../images/Enketa_Over_Website_Cover_720x360.png');
}
}

@media screen and (min-width: 975px) and (max-width: 1182px) {
    #header-img-1 {
  background: url('../images/Enketa_Over_Website_Cover_960x360.png');
  content: url('../images/Enketa_Over_Website_Cover_960x360.png');
}
}

@media screen and (min-width: 1183px) {
    #header-img-1 {
  background: url('../images/Enketa_Over_Website_Cover_1140x360.png');
  content: url('../images/Enketa_Over_Website_Cover_1140x360.png');
}
}