File: /home/turkishi/public_html/wp-content/themes/kidzieo/css/icon-heading/icon-heading-style-7.css
.pbmit-ihbox-style-7 {
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.pbmit-ihbox-style-7 {
text-align: center;
}
.pbmit-ihbox-style-7 .pbmit-ihbox-wrap {
display: inline-flex;
align-items: center;
margin-bottom: 5px;
position: relative;
}
.pbmit-ihbox-style-7 .pbmit-ihbox-svg-wrapper,
.pbmit-ihbox-style-7 .pbmit-ihbox-icon-wrapper{
margin-right: 15px;
}
.pbmit-ihbox-style-7 .pbmit-element-subtitle {
font-size: 18px;
line-height: 24px;
margin-bottom: 10px;
font-weight: 700;
}
.pbmit-ihbox-style-7 .pbmit-element-title {
font-size: 84px;
line-height: 90px;
margin-bottom: 0;
font-weight: 700;
position: relative;
color: var(--pbmit-kidzieo-global-color);
}
.pbmit-ihbox-style-7 .pbmit-heading-desc {
font-size: 24px;
line-height: 30px;
font-weight: 600;
margin: 0;
color: var(--pbmit-kidzieo-blackish-color);
}
.pbmit-ihbox-style-7 .pbmit-ihbox-svg-wrapper,
.pbmit-ihbox-style-7 .pbmit-ihbox-icon-type-icon{
font-size: 70px;
line-height: 70px;
color: var(--pbmit-kidzieo-secondary-color);
}
.pbmit-ihbox-style-7 .pbmit-ihbox-icon-wrapper svg,
.pbmit-ihbox-style-7 .pbmit-ihbox-svg-wrapper svg{
fill: var(--pbmit-kidzieo-secondary-color);
}
.pbmit-ihbox-style-7 .pbmit-ihbox-icon-type-image img{
width: 75px;
height: 68px;
position: absolute;
top: -42px;
left: -25px;
}
.pbmit-ihbox-style-7 .pbmit-ihbox-icon-type-text {
width: 90px;
height: 90px;
line-height: 90px;
text-align: center;
font-size: 35px;
border-radius: 100%;
transform: scale(1.0);
position: relative;
color: var(--pbmit-kidzieo-white-color);
background-color: var(--pbmit-kidzieo-global-color);
}
.pbmit-elementor-bg-color-globalcolor .pbmit-ihbox-style-7 .pbmit-ihbox-icon-type-text {
background-color: var(--pbmit-kidzieo-blackish-color);
}
.pbmit-ihbox-style-7 .pbmit-ihbox-icon-type-text::after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
border-radius: 50%;
transform: scale(0);
transform-origin: center;
transform-style: preserve-3d;
transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
z-index: -1;
background-color: var(--pbmit-kidzieo-secondary-color);
}
.pbmit-ihbox-style-7:hover .pbmit-ihbox-icon-type-text::after {
transform: scale(1.02);
}
.pbmit-ihbox-style-7 .pbmit-ihbox-btn a {
padding: 12px 40px;
border-radius: 50px;
margin-top: 45px;
color: var(--pbmit-kidzieo-white-color);
background-color: var(--pbmit-kidzieo-secondary-color);
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.pbmit-ihbox-style-7 .pbmit-ihbox-btn a:hover {
background-color: var(--pbmit-kidzieo-global-color);
}
.pbmit-elementor-bg-color-secondary .pbmit-ihbox-style-7 .pbmit-ihbox-icon-type-icon{
color: var(--pbmit-kidzieo-global-color);
}
.pbmit-elementor-bg-color-secondary .pbmit-ihbox-style-7 .pbmit-ihbox-icon-wrapper svg,
.pbmit-elementor-bg-color-secondary .pbmit-ihbox-style-7 .pbmit-ihbox-svg-wrapper svg{
fill: var(--pbmit-kidzieo-global-color);
}
.pbmit-element-viewtype-carousel .pbmit-miconheading-style-7 {
padding: 8px 0 0 0;
}
.pbmit-elementor-bg-color-secondary .pbmit-ihbox-style-7 .pbmit-ihbox-icon-type-text::after {
background-color: var(--pbmit-kidzieo-blackish-color);
}
.pbmit-elementor-bg-color-gradient .pbmit-ihbox-style-7 .pbmit-element-title,
.pbmit-elementor-bg-color-globalcolor .pbmit-ihbox-style-7 .pbmit-element-title,
.pbmit-elementor-bg-color-blackish .pbmit-ihbox-style-7 .pbmit-heading-desc,
.pbmit-elementor-bg-color-blackish .pbmit-ihbox-style-7 .pbmit-element-subtitle {
color: var(--pbmit-kidzieo-white-color);
}
.pbmit-elementor-bg-color-gradient .pbmit-ihbox-style-7 .pbmit-ihbox-btn a:hover,
.pbmit-elementor-bg-color-secondary .pbmit-ihbox-style-7 .pbmit-ihbox-btn a:hover,
.pbmit-elementor-bg-color-globalcolor .pbmit-ihbox-style-7 .pbmit-ihbox-btn a:hover {
background-color: var(--pbmit-kidzieo-blackish-color);
}
.pbmit-elementor-bg-color-secondary .pbmit-ihbox-style-7 .pbmit-ihbox-btn a {
background-color: var(--pbmit-kidzieo-global-color);
}
.pbmit-ihbox-style-7 .pbmit-ihbox-icon-type-image img {
animation: animation01 2s infinite alternate;
}
@keyframes animation01 {
0% {
transform: scale(1.0);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1.0);
}
}
@media (max-width:991px) {
.pbmit-ihbox-style-7 .pbmit-element-title {
font-size: 74px;
line-height: 70px;
}
.pbmit-ihbox-style-7 .pbmit-heading-desc {
font-size: 20px;
line-height: 26px;
}
.pbmit-ihbox-style-7 .pbmit-ihbox-btn a {
margin-top: 40px;
}
}
@media (max-width:767px) {
.pbmit-ihbox-style-7 .pbmit-element-title {
font-size: 64px;
line-height: 70px;
}
.pbmit-ihbox-style-7 .pbmit-heading-desc {
font-size: 18px;
line-height: 24px;
}
.pbmit-ihbox-style-7 .pbmit-ihbox-btn a {
margin-top: 30px;
}
}
@media (max-width:575px) {
.pbmit-ihbox-style-7 .pbmit-element-title {
font-size: 54px;
line-height: 60px;
}
.pbmit-ihbox-style-7 .pbmit-heading-desc {
font-size: 16px;
line-height: 22px;
}
.pbmit-ihbox-style-7 .pbmit-ihbox-svg-wrapper,
.pbmit-ihbox-style-7 .pbmit-ihbox-icon-wrapper{
display: none;
}
.pbmit-ihbox-style-7 .pbmit-ihbox-btn a {
margin-top: 20px;
}
}
@media (max-width:500px) {
.pbmit-ihbox-style-7 .pbmit-element-title {
font-size: 45px;
line-height: 55px;
}
.pbmit-ihbox-style-7 .pbmit-heading-desc {
font-size: 15px;
line-height: 20px;
}
}
@media (max-width:420px) {
.pbmit-ihbox-style-7 .pbmit-element-title {
font-size: 40px;
line-height: 50px;
}
}