Server : Apache System : Linux 122.228.205.92.host.secureserver.net 5.14.0-362.18.1.el9_3.x86_64 #1 SMP PREEMPT_DYNAMIC Mon Jan 29 07:05:48 EST 2024 x86_64 User : ondostategov ( 1002) PHP Version : 8.1.33 Disable Function : NONE Directory : /home/ondostategov/public_html/scholarshipboardondostate/css/ |
/* Custom miSlider CSS ========================================= */
.mis-slider {
/* Slider element does not need to be a specific height
Here we use it to create a stylish bar behind slides */
margin-top: 3em;
height: 170px;
}
.mis-slider li a {
text-decoration: none;
color: #fff;
display: block;
font-weight: 600;
color: #fff;
font-size: 16px;
}
.mis-slider li figcaption {
margin: 1em 0 0;
letter-spacing: 1px;
}
.mis-slider figcaption span {
color: #999;
text-transform: capitalize;
font-weight: 500;
margin: 0.5em 0 0;
line-height: 2em;
font-size: .9em;
display: none;
position: relative;
padding-left: 1.5em;
}
.mis-slider figcaption span:before {
content: "\f10d";
position: absolute;
left: 0%;
top: 0%;
font-family: FontAwesome;
font-size: 1em;
color: #212121;
}
li.mis-slide.mis-current figcaption span {
display: block;
}
.mis-slider li img {
margin: 0 auto;
}
.mis-slide {
/* Set width in pixels to restrict width of slides
for multi-item slider, default width is 100%
for single-item slider. Use padding to add space
between slides */
width: 200px;
height: 200px;
}
.mis-nav-buttons a {
color: #fff;
}
@media (max-width:900px) {
.mis-slider {
height: 220px;
}
.mis-slide {
height: 230px;
}
.mis-slider {
margin-top: 2em;
}
}
@media (max-width:480px) {
.mis-slider figcaption span:before {
left: 8%;
}
.mis-slider {
height: 185px;
}
}
@media (max-width:414px) {
.mis-slider figcaption span {
padding-left: 2.5em;
}
.mis-slider {
margin-top: 0em;
}
}
@media (max-width:384px) {
.mis-slider figcaption span:before {
left: 5%;
}
}
@media (max-width:320px) {
.mis-slider figcaption span {
font-size: 13px;
}
}