/* ----------------------------------------- */ /* View: Inspiration Gallery - start */ /* ----------------------------------------- */ .carousel-caption { right: 0; left: 50%; top: 10%; width: 25%; text-align: left; } .carousel-caption h4 { text-transform: uppercase; font-family: "Bebas Neue"; font-size: 60px; color: #333; border-bottom: 1px solid #ccc; } .carousel-caption p { text-shadow:none; font-size: 14px; color: #333; line-height:24px; } .left.carousel-control { background: none; text-shadow: none; } .right.carousel-control { background: none; text-shadow: none; } #homepage-slider ol.carousel-indicators { display: none; } .cycle-slideshow { margin-bottom: 75px; } /* ----------------------------------------- */ /* View: Inspiration Gallery - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: Loop item in Inspiration Gallery - start */ /* ----------------------------------------- */ .gallery-button { color: #fff; border: none; background-color:#B0C3CD; padding: 10px 40px; } .gallery-button:hover { background-color: #ccc; } .link-box { height:100%; width: 100%; background:rgba(255, 255, 255, 0.43); text-align: center; padding-top: 120px; display:none; } .gallery-slide-image:hover .link-box, .gallery-slide-image.hover .link-box { display: table; } .cycle-slideshow, .cycle-carousel-wrap { width: 100% !important; } .prev:before { content: 'R'; position: absolute; top: 90px; left: 0; font-family: ArrrowsRegular; line-height: 66px; text-shadow: 0 0 4px rgba(0,0,0,.8); color: #FFF; overflow: hidden; cursor: pointer; opacity: 0; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; } .next:before { content: 'r'; position: absolute; top: 90px; right: 0; font-family: ArrrowsRegular; line-height: 66px; text-shadow: 0 0 4px rgba(0,0,0,.8); color: #FFF; overflow: hidden; cursor: pointer; opacity: 0; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; } .slick-arrow { font-size: 66px; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; } } .slick-arrow:before { position: absolute; top: 0; left: 0; font-family: ArrrowsRegular; } .cycle-slideshow:hover .next:before { opacity: 1; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; } .cycle-slideshow:hover .prev:before { opacity: 1; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; } .gallery-slide-image { height: 263px; margin-right: 10px; width: 350px; background-size: cover; } /* ----------------------------------------- */ /* Content Template: Loop item in Inspiration Gallery - end */ /* ----------------------------------------- */