File: //proc/self/cwd/wp-content/themes/kidzieo/css/static-box/static-box-style-1.css
.pbmit-element-static-box-style-1 .pbmit-element-posts-wrapper {
flex-direction: row;
justify-content: space-between;
display: flex;
flex-wrap: wrap;
margin: 0 !important;
}
.pbmit-element-static-box-style-1 .pbmit-ele-static-box {
width: 19.2%;
position: relative;
z-index: 1;
transition: 0.7s;
}
.pbmit-element-static-box-style-1 .pbmit-ele-static-box {
padding: 0 !important;
}
.pbmit-element-static-box-style-1 .pbmit-ele-static-box.pbmit-active {
margin-right: 19.2% !important;
transition: 0.9s;
}
.elementor-section:not(.elementor-section-full_width) .pbmit-element-column-three.pbmit-element-static-box-style-1 .pbmit-ele-static-box {
width: 24%;
}
.elementor-section:not(.elementor-section-full_width) .pbmit-element-column-three.pbmit-element-static-box-style-1 .pbmit-ele-static-box.pbmit-active {
margin-right: 24% !important;
}
.pbmit-element-static-box-style-1 .pbmit-bg-imgbox{
position: absolute;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
z-index: 0;
top: 0;
right: 0;
bottom: 0;
left: 0px;
transition: 0.7s;
height: 100%;
width: auto;
border-radius: 10px;
}
.pbmit-element-static-box-style-1 .pbmit-active .pbmit-bg-imgbox{
border-radius: 10px 0 0 10px;
}
.pbmit-element-static-box-style-1 .pbmit-contentbox{
position: relative;
padding: 100px 80px;
width: auto;
z-index: 1;
left: 0;
right: 0;
opacity: 0;
visibility: hidden;
transform: translateX(100%);
transition: 0.3s;
background-color: var(--pbmit-kidzieo-white-color);
}
.elementor-section:not(.elementor-section-full_width) .pbmit-element-column-three.pbmit-element-static-box-style-1 .pbmit-contentbox{
padding: 80px 60px;
}
.pbmit-element-static-box-style-1 .pbmit-ele-static-box.pbmit-active .pbmit-contentbox {
opacity: 1;
visibility: visible;
transition: 0.3s;
border-radius: 0 10px 10px 0;
}
.pbmit-static-box-style-1 .pbmit-img {
display: none;
opacity: 0;
visibility: hidden;
}
.pbmit-static-box-style-1 .pbmit-bg-imgbox .pbminfotech-box-title {
text-align: center;
position: relative;
top: 50%;
left: 50%;
font-size: 30px;
line-height: 30px;
display: inline-block;
padding: 5px 10px;
border-radius: 50px;
margin: 0;
color: var(--pbmit-kidzieo-white-color);
background-color: rgba(var(--pbmit-kidzieo-global-color-rgb), 0.9);
-khtml-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-webkit-transition: all 0.5s cubic-bezier(.645,.045,.355,1);
-o-transition: all 0.5s cubic-bezier(.645,.045,.355,1);
transition: all 0.5s cubic-bezier(.645,.045,.355,1);
}
.pbmit-static-box-style-1.pbmit-active .pbmit-bg-imgbox .pbminfotech-box-title{
opacity: 0;
visibility: hidden;
}
.pbmit-static-box-style-1 .pbmit-bg-imgbox .pbminfotech-box-title a {
color: var(--pbmit-kidzieo-white-color);
}
.pbmit-static-box-style-1 .pbminfotech-static-box-number {
font-size: 18px;
line-height: 18px;
font-weight: 400;
margin-bottom: 40px;
color: var(--pbmit-kidzieo-global-color);
}
.pbmit-static-box-style-1 .pbmit-contentbox-inner .pbminfotech-box-title {
font-size: 24px;
line-height: 30px;
margin-bottom: 20px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
line-clamp: 1;
-webkit-box-orient: vertical;
}
.pbmit-static-box-style-1 .pbminfotech-static-box-desc{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.pbmit-static-box-style-1 .pbmit-static-box-svg-wrapper,
.pbmit-static-box-style-1 .pbmit-icon-wrapper{
position: absolute;
top: 50px;
right: 50px;
font-size: 80px;
line-height: 80px;
color: rgba(var(--pbmit-kidzieo-global-color-rgb), 0.5);
}
.pbmit-static-box-style-1 .pbmit-static-box-svg-wrapper svg,
.pbmit-static-box-style-1 .pbmit-icon-wrapper svg{
fill: rgba(var(--pbmit-kidzieo-global-color-rgb), 0.5);
margin-bottom: 10px;
}
@media (max-width: 1600px) {
.pbmit-element-static-box-style-1 .pbmit-contentbox{
padding: 80px 60px;
}
}
@media (max-width: 1400px) {
.pbmit-element-static-box-style-1 .pbmit-contentbox{
padding: 70px 50px;
}
}
@media (max-width: 1200px) {
.pbmit-element-static-box-style-1 .pbmit-ele-static-box {
width: 50%;
margin-right: 50%;
margin-bottom: 30px;
padding: 0!important;
}
.pbmit-element-static-box-style-1 .pbmit-contentbox{
opacity: 1;
visibility: visible;
border-radius: 0 10px 10px 0;
}
.pbmit-element-static-box-style-1 .pbmit-bg-imgbox{
border-radius: 10px 0 0 10px;
}
}
@media (max-width: 575px) {
.pbmit-element-static-box-style-1 .pbmit-bg-imgbox{
position: unset;
display: none;
}
.pbmit-static-box-style-1 .pbmit-img {
display: block;
opacity: 1;
visibility: visible;
}
.pbmit-static-box-style-1 .pbmit-img img {
width: 100%;
border-radius: 10px 10px 0 0;
}
.pbmit-element-static-box-style-1 .pbmit-ele-static-box {
width: 100%;
margin-right: 0!important;
padding-left: 0!important;
padding-right: 0!important;
}
.pbmit-element-static-box-style-1 .pbmit-contentbox{
transform: translateX(0%);
}
.pbmit-element-static-box-style-1 .pbmit-ele-static-box.pbmit-active .pbmit-contentbox,
.pbmit-element-static-box-style-1 .pbmit-contentbox {
border-radius: 0 0 10px 10px;
}
}