Files
doormile-site/assets/css/custom-widget-icon-box.min.css

224 lines
7.0 KiB
CSS

.elementor-widget-icon-box .elementor-icon-box-wrapper {
display: flex;
flex-direction: column;
gap: var(--icon-box-icon-margin,15px);
text-align: center
}
.elementor-widget-icon-box .elementor-icon-box-icon {
display: inline-block;
flex: 0 0 auto;
line-height: 0
}
.elementor-widget-icon-box .elementor-icon-box-content {
flex-grow: 1;
width: 100%
}
.elementor-widget-icon-box .elementor-icon-box-title a {
color: inherit
}
.elementor-widget-icon-box .elementor-icon-box-description {
margin: 0
}
.elementor-widget-icon-box.elementor-position-right .elementor-icon-box-wrapper {
flex-direction: row-reverse;
gap: var(--icon-box-icon-margin,15px);
text-align: end
}
.elementor-widget-icon-box.elementor-position-left .elementor-icon-box-wrapper {
flex-direction: row;
gap: var(--icon-box-icon-margin,15px);
text-align: start
}
.elementor-widget-icon-box.elementor-position-top .elementor-icon-box-wrapper {
align-items: unset!important;
flex-direction: column;
gap: var(--icon-box-icon-margin,15px);
text-align: center
}
.elementor-widget-icon-box.elementor-position-bottom .elementor-icon-box-wrapper {
align-items: unset!important;
flex-direction: column-reverse;
gap: var(--icon-box-icon-margin,15px);
text-align: center
}
@media (min-width: -1) {
.elementor-widget-icon-box.elementor-widescreen-position-right .elementor-icon-box-wrapper {
flex-direction:row-reverse;
gap: var(--icon-box-icon-margin,15px);
text-align: end
}
.elementor-widget-icon-box.elementor-widescreen-position-left .elementor-icon-box-wrapper {
flex-direction: row;
gap: var(--icon-box-icon-margin,15px);
text-align: start
}
.elementor-widget-icon-box.elementor-widescreen-position-top .elementor-icon-box-wrapper {
align-items: unset!important;
flex-direction: column;
gap: var(--icon-box-icon-margin,15px);
text-align: center
}
.elementor-widget-icon-box.elementor-widescreen-position-bottom .elementor-icon-box-wrapper {
align-items: unset!important;
flex-direction: column-reverse;
gap: var(--icon-box-icon-margin,15px);
text-align: center
}
}
@media (max-width: 1200px) {
.elementor-widget-icon-box.elementor-laptop-position-right .elementor-icon-box-wrapper {
flex-direction:row-reverse;
gap: var(--icon-box-icon-margin,15px);
text-align: end
}
.elementor-widget-icon-box.elementor-laptop-position-left .elementor-icon-box-wrapper {
flex-direction: row;
gap: var(--icon-box-icon-margin,15px);
text-align: start
}
.elementor-widget-icon-box.elementor-laptop-position-top .elementor-icon-box-wrapper {
align-items: unset!important;
flex-direction: column;
gap: var(--icon-box-icon-margin,15px);
text-align: center
}
.elementor-widget-icon-box.elementor-laptop-position-bottom .elementor-icon-box-wrapper {
align-items: unset!important;
flex-direction: column-reverse;
gap: var(--icon-box-icon-margin,15px);
text-align: center
}
}
@media (max-width: 1020px) {
.elementor-widget-icon-box.elementor-tablet_extra-position-right .elementor-icon-box-wrapper {
flex-direction:row-reverse;
gap: var(--icon-box-icon-margin,15px);
text-align: end
}
.elementor-widget-icon-box.elementor-tablet_extra-position-left .elementor-icon-box-wrapper {
flex-direction: row;
gap: var(--icon-box-icon-margin,15px);
text-align: start
}
.elementor-widget-icon-box.elementor-tablet_extra-position-top .elementor-icon-box-wrapper {
align-items: unset!important;
flex-direction: column;
gap: var(--icon-box-icon-margin,15px);
text-align: center
}
.elementor-widget-icon-box.elementor-tablet_extra-position-bottom .elementor-icon-box-wrapper {
align-items: unset!important;
flex-direction: column-reverse;
gap: var(--icon-box-icon-margin,15px);
text-align: center
}
}
@media (max-width: 840px) {
.elementor-widget-icon-box.elementor-tablet-position-right .elementor-icon-box-wrapper {
flex-direction:row-reverse;
gap: var(--icon-box-icon-margin,15px);
text-align: end
}
.elementor-widget-icon-box.elementor-tablet-position-left .elementor-icon-box-wrapper {
flex-direction: row;
gap: var(--icon-box-icon-margin,15px);
text-align: start
}
.elementor-widget-icon-box.elementor-tablet-position-top .elementor-icon-box-wrapper {
align-items: unset!important;
flex-direction: column;
gap: var(--icon-box-icon-margin,15px);
text-align: center
}
.elementor-widget-icon-box.elementor-tablet-position-bottom .elementor-icon-box-wrapper {
align-items: unset!important;
flex-direction: column-reverse;
gap: var(--icon-box-icon-margin,15px);
text-align: center
}
}
@media (max-width: 660px) {
.elementor-widget-icon-box.elementor-mobile_extra-position-right .elementor-icon-box-wrapper {
flex-direction:row-reverse;
gap: var(--icon-box-icon-margin,15px);
text-align: end
}
.elementor-widget-icon-box.elementor-mobile_extra-position-left .elementor-icon-box-wrapper {
flex-direction: row;
gap: var(--icon-box-icon-margin,15px);
text-align: start
}
.elementor-widget-icon-box.elementor-mobile_extra-position-top .elementor-icon-box-wrapper {
align-items: unset!important;
flex-direction: column;
gap: var(--icon-box-icon-margin,15px);
text-align: center
}
.elementor-widget-icon-box.elementor-mobile_extra-position-bottom .elementor-icon-box-wrapper {
align-items: unset!important;
flex-direction: column-reverse;
gap: var(--icon-box-icon-margin,15px);
text-align: center
}
}
@media (max-width: 480px) {
.elementor-widget-icon-box.elementor-mobile-position-right .elementor-icon-box-wrapper {
flex-direction:row-reverse;
gap: var(--icon-box-icon-margin,15px);
text-align: end
}
.elementor-widget-icon-box.elementor-mobile-position-left .elementor-icon-box-wrapper {
flex-direction: row;
gap: var(--icon-box-icon-margin,15px);
text-align: start
}
.elementor-widget-icon-box.elementor-mobile-position-top .elementor-icon-box-wrapper {
align-items: unset!important;
flex-direction: column;
gap: var(--icon-box-icon-margin,15px);
text-align: center
}
.elementor-widget-icon-box.elementor-mobile-position-bottom .elementor-icon-box-wrapper {
align-items: unset!important;
flex-direction: column-reverse;
gap: var(--icon-box-icon-margin,15px);
text-align: center
}
.elementor-widget-icon-box.elementor-position-left .elementor-icon-box-icon,.elementor-widget-icon-box.elementor-position-right .elementor-icon-box-icon {
flex-direction: column
}
}