| /* GLOBAL STYLES |
| -------------------------------------------------- */ |
| /* Padding below the footer and lighter body text */ |
| |
| body { |
| padding-top: 3rem; |
| color: #5a5a5a; |
| } |
| |
| a { |
| color: #5c4cdb; |
| } |
| |
| a:hover { |
| color: #5c4cdb; |
| text-decoration: underline; |
| } |
| |
| .nav-item a { |
| color: #5a5a5a; |
| } |
| |
| .nav-item a:hover { |
| color: #000000; |
| } |
| |
| .navbar-toggler-icon { |
| color: #5a5a5a; |
| } |
| |
| /* Product highlight |
| ------------------------- */ |
| |
| .product { |
| background-color: #5c4cdb; |
| color: #ffffff; |
| } |
| |
| .product a { |
| color: #ffffff; |
| text-decoration: none; |
| } |
| |
| .product a:hover { |
| color: #ffffff; |
| text-decoration: none; |
| } |
| |
| .product .btn-primary { |
| background-color: #560bd0 !important; |
| border-color: #510bc4 !important; |
| } |
| |
| .product .btn-primary:hover { |
| box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.12), 0 3px 6px 0 rgba(0, 0, 0, 0.18); |
| } |
| |
| .sidenav-menu { |
| background-color: #EDE7F6; |
| font-size: 0.9em; |
| position: fixed; |
| |
| } |
| |
| .sidenav-menu a { |
| font-size: 0.9em; |
| } |
| |
| .sidenav-menu-sub-title { |
| padding-top: 5px; |
| } |
| |
| .sidenav-menu-sub-list { |
| padding-left: 16px; |
| } |
| |
| /* CUSTOMIZE THE CAROUSEL |
| -------------------------------------------------- */ |
| |
| /* Carousel base class */ |
| .carousel { |
| margin-bottom: 4rem; |
| } |
| /* Since positioning the image, we need to help out the caption */ |
| .carousel-caption { |
| bottom: 5rem; |
| height: 2rem; |
| font-size: 0.5rem; |
| z-index: 10; |
| } |
| |
| .carousel-caption a { |
| color: #ffffff; |
| } |
| |
| /* Declare heights because of positioning of img element */ |
| .carousel-item { |
| height: 7rem; |
| background-color: #5c4cdb; |
| } |
| |
| |
| /* 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: 2rem 0; /* Space out the Bootstrap <hr> more */ |
| } |
| |
| /* Thin out the marketing headings */ |
| .featurette-heading { |
| font-weight: 300; |
| line-height: 1; |
| letter-spacing: -.05rem; |
| } |
| |
| .featurette { |
| font-size: 1em; |
| } |
| |
| /* Projects |
| ------------------------- */ |
| |
| /* Thin out the marketing headings */ |
| .project-heading { |
| font-weight: 300; |
| line-height: 1; |
| letter-spacing: -.05rem; |
| } |
| |
| .table th { |
| border-top: 0px; |
| } |
| |
| .footer { |
| font-size: 0.9em; |
| } |
| |
| /* RESPONSIVE CSS |
| -------------------------------------------------- */ |
| |
| @media (min-width: 40em) { |
| /* Bump up size of carousel content */ |
| .carousel-caption p { |
| margin-bottom: 1.25rem; |
| font-size: 1rem; |
| line-height: 1.4; |
| } |
| |
| .featurette-heading { |
| font-size: 30px; |
| } |
| |
| .project-heading { |
| font-size: 30px; |
| } |
| } |
| |
| @media (max-width: 39em) { |
| .sidenav-menu { |
| display: none; |
| } |
| } |
| |