|
|
@@ -215,6 +215,85 @@ a:hover { color:#16c462; }
|
|
|
color:#fff;
|
|
|
}
|
|
|
|
|
|
+
|
|
|
+/* CUSTOMIZE THE CAROUSEL
|
|
|
+-------------------------------------------------- */
|
|
|
+
|
|
|
+/* Carousel base class */
|
|
|
+.carousel {
|
|
|
+
|
|
|
+}
|
|
|
+/* Since positioning the image, we need to help out the caption */
|
|
|
+.carousel-caption {
|
|
|
+ bottom: 3rem;
|
|
|
+ z-index: 10;
|
|
|
+}
|
|
|
+
|
|
|
+/* Declare heights because of positioning of img element */
|
|
|
+.carousel-item {
|
|
|
+ height: 42rem;
|
|
|
+ background-color: #fff;
|
|
|
+}
|
|
|
+.carousel-item > img {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ min-width: 100%;
|
|
|
+}
|
|
|
+.carousel-item:after {
|
|
|
+ content:"";
|
|
|
+ display:block;
|
|
|
+ position:absolute;
|
|
|
+ top:0;
|
|
|
+ bottom:0;
|
|
|
+ left:0;
|
|
|
+ right:0;
|
|
|
+ background:rgba(0,0,0,0.6);
|
|
|
+}
|
|
|
+.carousel-filter::before {
|
|
|
+ background: rgba(0, 0, 0, 0.5);
|
|
|
+}
|
|
|
+.carousel-background {
|
|
|
+ background: rgba(0, 0, 0, 0.5);
|
|
|
+ background: no-repeat center center scroll;
|
|
|
+ -webkit-background-size: cover;
|
|
|
+ -moz-background-size: cover;
|
|
|
+ -o-background-size: cover;
|
|
|
+ background-size: cover;
|
|
|
+}
|
|
|
+.carousel-fade .carousel-item {
|
|
|
+ opacity: 0;
|
|
|
+ transition-duration: .6s;
|
|
|
+ transition-property: opacity;
|
|
|
+}
|
|
|
+
|
|
|
+.carousel-fade .carousel-item.active,
|
|
|
+.carousel-fade .carousel-item-next.carousel-item-left,
|
|
|
+.carousel-fade .carousel-item-prev.carousel-item-right {
|
|
|
+ opacity: 1;
|
|
|
+}
|
|
|
+
|
|
|
+.carousel-fade .active.carousel-item-left,
|
|
|
+.carousel-fade .active.carousel-item-right {
|
|
|
+ opacity: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.carousel-fade .carousel-item-next,
|
|
|
+.carousel-fade .carousel-item-prev,
|
|
|
+.carousel-fade .carousel-item.active,
|
|
|
+.carousel-fade .active.carousel-item-left,
|
|
|
+.carousel-fade .active.carousel-item-prev {
|
|
|
+ transform: translateX(0);
|
|
|
+ transform: translate3d(0, 0, 0);
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
.footer-big h5, .footer-big h4, .media .media-heading {
|
|
|
font-weight: 500;
|
|
|
font-family: "Roboto Slab", "Times New Roman", serif;
|
