/home/marynathaconsult/public_html/assets/scss/_slider.scss
/*============= main_slider_area css =============*/
.main_slider_area {
position: relative;
.main_slider {
position: relative;
height: 930px;
z-index: 1;
margin-bottom: 0px !important;
.slick-list,
.slick-track {
height: 100%;
.slider_item {
display: flex;
align-items: center;
background-size: cover !important;
background-position: center 0 !important;
.one {
opacity: 0.4;
}
.two {
opacity: 0.25;
}
.three {
opacity: 0.3;
}
}
}
.slider_text {
h2 {
font-size: 100px;
font-weight: 400;
color: #fff;
letter-spacing: 5px;
margin-bottom: 5px;
span {
color: $purple;
}
}
h3 {
color: #fff;
font-size: 30px;
font-weight: 300;
font-family: $crim;
font-style: italic;
}
.slider_btn {
margin-top: 40px;
}
.theme_w_btn {
margin: 0px 15px;
}
&.slider_text_two {
padding-top: 50px;
}
&.slider_text_three {
.theme_w_btn {
color: $purple;
&:hover {
color: #fff;
}
}
}
&.slider_text_four {
h2 {
font-size: 80px;
line-height: 92px;
margin-bottom: 0px;
padding-bottom: 12px;
strong {
font-weight: 600;
display: block;
}
}
}
ul {
padding-top: 18px;
li {
font-size: 30px;
color: #fff;
font-style: italic;
position: relative;
padding-left: 28px;
i {
font-size: 20px;
color: $purple;
margin-right: 10px;
position: absolute;
left: 0;
top: 2px;
}
& + li {
margin-top: 28px;
}
}
}
}
}
.left_arrow,
.right_arrow {
position: absolute;
width: 60px;
height: 60px;
line-height: 60px;
font-size: 20px;
color: #fff;
border: 1px solid #fff;
text-align: center;
top: 50%;
border-radius: 50%;
transform: translateY(-50%);
z-index: 1;
transition: all 0.2s linear;
opacity: 0;
cursor: pointer;
&:hover {
background: #fff;
color: $title;
}
}
.left_arrow {
left: 0;
}
.right_arrow {
right: 0;
}
&:hover {
.left_arrow {
left: 30px;
opacity: 1;
}
.right_arrow {
right: 30px;
opacity: 1;
}
}
}