File: /home/confeduphaar/public_html/wp-content/plugins/ova-framework/assets/css/_ova_iso.scss
.ova_isotope{
/* fluid 5 columns */
.grid-sizer,
.grid-item { width: 20%; }
/* 2 columns */
.grid-item--width2 { width: 40%; }
@media (min-width: 767px) and (max-width: 1024px ){
/* fluid 5 columns */
.grid-sizer,
.grid-item { width: 33.333%; }
/* 2 columns */
.grid-item--width2 { width: 33.333%; }
}
@media( max-width: 767px ){
/* fluid 5 columns */
.grid-sizer,
.grid-item { width: 50%; }
/* 2 columns */
.grid-item--width2 { width: 50%; }
}
.content_iso{
position: relative;
margin: 10px;
&:before{
position: absolute;
top: 0;
left:0;
width: 100%;
height: 100%;
content: "";
@media( max-width: 1500px ){
display: none;
}
}
&.Background_2{
&:before{
background:#81c68a;
position: absolute;
top: 0;
left:0;
width: 100%;
height: 100%;
content: "";
opacity: 0.9;
@media( max-width: 1500px ){
display: none;
}
}
}
&.Background_3{
&:before{
background:#326781;
position: absolute;
top: 0;
left:0;
width: 100%;
height: 100%;
content: "";
opacity: 0.9;
@media( max-width: 1500px ){
display: none;
}
}
}
img{
width: 100%;
}
.text_iso{
position: absolute;
top:10%;
left: 30px;
z-index: 1;
@media (max-width: 1500px){
display: none;
}
.title_1{
color: #222222;
font-size: 20px;
line-height: 24px;
padding-right: 20px;
}
.title_2{
color: #ffffff;
font-size: 30px;
line-height: 32px;
font-weight: bold;
margin-top: 5%;
padding-right: 20px;
}
.btn_iso{
margin-top: 10%;
.learn_more{
font-size: 18px;
line-height: 24px;
color:#202b5d;
padding: 10px 20px;
background-color: #ffffff;
font-weight: 700;
&:hover{
background-color:#f0c84c;
transition: 0.3s ease;
color: #fff;
}
}
}
}
}
}