/* 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. */

a.navbar-brand { white-space: normal; text-align: center; word-break: break-all; }

/* Provide sufficient contrast against white background */
a { color: #0366d6; }
.btn-primary { color: #fff; background-color: #1b6ec2; border-color: #1861ac; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { 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 */ }

.navbar .logo { width: 30px; height: 30px; margin: 0 10px; }

/*.container-lg .marketing { margin: 5rem auto; }*/



/* MARKETING CONTENT
-------------------------------------------------- */
/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 { margin-bottom: 1.5rem; text-align: center; }
.marketing h2 { font-weight: 400; }
.marketing .col-lg-4 p { margin-right: .75rem; margin-left: .75rem; }


/* Featurettes
------------------------- */
.featurette-divider { margin: 0; /* Space out the Bootstrap <hr> more */ }

/* Thin out the marketing headings */
.featurette-heading { font-weight: 300; line-height: 1; letter-spacing: -.05rem; }


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
    /* Bump up size of carousel content */
    .carousel-caption p { margin-bottom: 1.25rem; font-size: 1.25rem; line-height: 1.4; }

    .featurette-heading { font-size: 50px; }
}

@media (min-width: 62em) {
    .featurette-heading { margin-top: 7rem; }
}


/* Video Wrapper*/
.youtube { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.youtube iframe, .youtube object, .youtube embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }