/* Home Page Styles */
/* Home Page Heading */ homepage-heading {
color: $brand-warning; font-size: 30pt; line-height: 1.25;
}
/* Home Page Styles - SM */
@media(max-width:$screen-sm-min){
#homepage-heading { font-size: 26px; } p.sub-tag { width:95%; } #home-hero-image{ height: 150px; }
}
/* Home Page Header */ homepage-header {
background: $jumbotron-bottom-color; /* Old browsers */ background: -moz-linear-gradient(top, $jumbotron-top-color 0%, $jumbotron-bottom-color 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, $jumbotron-top-color 0%,$jumbotron-bottom-color 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, $jumbotron-top-color 0%, $jumbotron-bottom-color 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$jumbotron-top-color, endColorstr=$jumbotron-bottom-color,GradientType=0 ); /* IE6-9 */ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center;
}
home-page-text{
color: $home-page-text;
}
/* Home Page Title in Jumbotron */ home-page-title{
color: $home-page-main-title-color; font-size: 32px; font-weight: bold;
}
/* Home Page Title in white*/ h1#home-page-title.white {
color: white;
}
/* Home Page Image in Jumbotron */ home-hero-image {
width: auto; height: 200px;
}
/* Home Block Slider Style */
@media only screen and (min-width: $screen-xs-min) and (max-width: $screen-sm-min) {
#home-block-sliders .owl-theme .owl-nav.disabled+.owl-dots { margin-top: 10px; position: relative; top: -60px; }
}
home-block-sliders .owl-theme .owl-nav.disabled+.owl-dots {
margin-top: 10px; position: relative; top: -60px;
}
@media(min-width:$screen-sm-min){
.row.activity-holder.center-block { height: auto; }
}
.content-background-image {
background-repeat: no-repeat; background-position: center; background-size: cover; border-bottom: 1px solid #ccc; position: absolute; height: 100%; width: 100%; opacity: .5;
}
.content-background-image-container{
position: relative;
}
.content-background-image-row{
position: relative; overflow: hidden;
}