/*COLORS*/ /*FONTS*/ .stm_iconbox__link { text-decoration: none !important; } .stm_iconbox__icon { display: block; } .stm_iconbox__icon-left .stm_iconbox__icon { float: left; } .stm_iconbox__icon-right .stm_iconbox__icon { float: right; } .stm_iconbox__icon-top .stm_iconbox__icon { float: none; width: auto !important; } .stm_iconbox__icon-center { text-align: center; } .stm_iconbox__icon-center .stm_iconbox__icon { float: none; margin: 0 auto !important; } .stm_iconbox__text { overflow: hidden; } .stm_iconbox__text h5:before { content: ''; display: block; background: rgba(0, 0, 0, 0.3) !important; margin: 0 0 18px; } .stm_iconbox__text h5 p { font-size: 13px; line-height: 22px; } .stm_iconbox.text-center.stm_iconbox__icon-top .stm_iconbox__icon { margin: 0 auto; } body:not(.stm_headings_line) .stm_iconbox__text h5:before { display: none; } .stm_iconbox_style_1 { padding: 30px 25px; border: 1px solid transparent; border-radius: 2px; } .stm_iconbox_style_1.stm_iconbox__icon-top { -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100%; } .stm_iconbox_style_1 .stm_iconbox__icon { margin-bottom: 26px !important; } .stm_iconbox_style_1 .stm_iconbox__text p { font-size: 13px; line-height: 20px; } .stm_iconbox_style_1 .stm_iconbox__text p:last-child { margin-bottom: 0; } /*FLIP*/ .stm_iconbox_style_1.stm_flipbox { transform-style: preserve-3d; perspective: 1000px; padding: 0; border: 0; } .stm_iconbox_style_1.stm_flipbox .stm_flipbox__front, .stm_iconbox_style_1.stm_flipbox .stm_flipbox__back { transform: rotateY(0deg); transform-style: preserve-3d; height: auto; transition: transform 0.6s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media (max-width: 1100px) { .stm_iconbox_style_1.stm_flipbox .stm_flipbox__front, .stm_iconbox_style_1.stm_flipbox .stm_flipbox__back { min-height: 260px; } } .stm_iconbox_style_1.stm_flipbox .stm_flipbox__front .inner, .stm_iconbox_style_1.stm_flipbox .stm_flipbox__back .inner { position: absolute; padding: 30px 25px; left: 0; bottom: 0; top: 50%; height: 100%; width: 100%; border-radius: 2px; outline: 1px solid transparent; perspective: inherit; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateY(-50%) translateZ(60px) scale(0.94); z-index: 2; } .stm_iconbox_style_1.stm_flipbox .stm_flipbox__front { border-width: 1px; border-style: solid; border-radius: 2px; } .stm_iconbox_style_1.stm_flipbox .stm_flipbox__back { position: absolute; top: 0; left: 0; width: 100%; border-radius: 2px; transform: rotateY(180deg); transform-style: preserve-3d; } .stm_iconbox_style_1.stm_flipbox .stm_flipbox__back .inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .stm_iconbox_style_1.stm_flipbox:hover .stm_flipbox__front { transform: rotateY(-180deg); transform-style: preserve-3d; } .stm_iconbox_style_1.stm_flipbox:hover .stm_flipbox__back { transform: rotateY(0deg); transform-style: preserve-3d; } @media (max-width: 1023px) { .stm_iconbox_style_1.stm_flipbox { min-height: 300px !important; } .stm_iconbox_style_1.stm_flipbox .stm_flipbox__front, .stm_iconbox_style_1.stm_flipbox .stm_flipbox__back { min-height: 300px !important; } }