ariane@0: body {
ariane@0:   padding-top: 20px;
ariane@0:   padding-bottom: 20px;
ariane@119:   font-family: Arial;
ariane@119:   font-size: 15px;
ariane@0: }
ariane@119: 
ariane@126: /* glyphicon for external links */
ariane@126: #glyph {
ariane@126:   margin: 0;
ariane@126: }
ariane@126: 
ariane@2: /* Custom page container */
ariane@0: .container p {
ariane@119:   font-size: 15px;
ariane@0: }
ariane@119: 
ariane@2: /* Custom jumbotron */
tom@123: .container .jumbotron {
tom@130:   padding: 10px 36px 20px;
tom@130:   margin-bottom: 20px;
tom@123: }
ariane@12: .jumbotron h3 {
tom@123:   text-align: center;
ariane@12: }
tom@130: .jumbotron h4 {
tom@130:   margin-top: 20px;
tom@130: }
ariane@12: .jumbotron .demo-btn {
ariane@0:   text-align: center;
ariane@0: }
ariane@0: .jumbotron .btn {
ariane@0:   font-size: 21px;
ariane@0:   padding: 14px 24px;
ariane@0: }
tom@130: .jumbotron p {
tom@130:   margin-bottom: 10px;
tom@130: }
tom@130: 
ariane@2: /* Custom page footer */
ariane@2: .footer {
ariane@2:   padding-top: 19px;
ariane@2:   color: #777;
ariane@2:   border-top: 1px solid #e5e5e5;
ariane@2: }
tom@122: 
tom@122: /* Custom page header */
tom@123: .navbar-brand {
tom@123:   padding-left: 36px;
tom@123: }
tom@123: .navbar-collapse{
tom@123:   padding-right: 36px;
tom@123: }
tom@122: .nav {
tom@122:   font-family: Arial;
tom@122: }
tom@122: .glyphicon {
tom@122:   margin-right: 1.5ex;
tom@122: }
tom@122: 
ariane@2: /* Custom page carousel */
tom@123: .carousel-inner{
tom@130:     margin-bottom: 25px;
tom@123: }
ariane@2: .carousel-caption {
tom@120:     position: static;
tom@123:     margin-bottom: 35px;
tom@121:     padding-left: 10%;
tom@121:     padding-right: 10%;
ariane@54:     text-align: center;
ariane@54:     color: #323;
ariane@65:     text-shadow: none;
tom@120:     height: 5.5em;
tom@120:     overflow: hidden;
ariane@2: }
ariane@54: 
ariane@132: .carousel .item img {
ariane@132:     margin: 0 auto;
ariane@2: }
ariane@54: 
tom@123: .carousel-indicators {
tom@123:     bottom: 0px;
tom@123: }
ariane@54: .carousel-indicators li {
ariane@54:     border: 2px solid #323;
ariane@54: }
ariane@54: .carousel-indicators .active {
ariane@54:     border: 2px solid #323;
ariane@54:     background-color: #323;
ariane@54: }
ariane@54: 
ariane@2: /*
ariane@2:  * dive4elements
ariane@2:  * --------------------------------------------------
ariane@2:  */
ariane@2: @media screen and (max-width: 767px) {
ariane@2:   .row-dive4elements {
ariane@2:     position: relative;
ariane@2:     -webkit-transition: all 0.25s ease-out;
ariane@2:     -moz-transition: all 0.25s ease-out;
ariane@2:     transition: all 0.25s ease-out;
ariane@2:   }
ariane@2: 
ariane@2:   .row-dive4elements-right
ariane@2:   .sidebar-dive4elements {
ariane@2:     right: -50%; /* 6 columns */
ariane@2:   }
ariane@2: 
ariane@2:   .row-dive4elements-left
ariane@2:   .sidebar-dive4elements {
ariane@2:     left: -50%; /* 6 columns */
ariane@2:   }
ariane@2: 
ariane@2:   .row-dive4elements-right.active {
ariane@2:     right: 50%; /* 6 columns */
ariane@2:   }
ariane@2: 
ariane@2:   .row-dive4elements-left.active {
ariane@2:     left: 50%; /* 6 columns */
ariane@2:   }
ariane@2: 
ariane@2:   .sidebar-dive4elements {
ariane@2:     position: absolute;
ariane@2:     top: 0;
ariane@2:     width: 50%; /* 6 columns */
ariane@2:   }
ariane@2: }
ariane@0: 
ariane@0: /* Supporting marketing content */
ariane@0: .marketing {
ariane@0:   margin: 40px 0;
ariane@0: }
ariane@0: .marketing p + h4 {
ariane@0:   margin-top: 28px;
ariane@0: }