%PDF- %PDF-
Direktori : /var/www/tif-dev/wp-content/plugins/fusion-builder/assets/css/shortcodes/ |
Current File : //var/www/tif-dev/wp-content/plugins/fusion-builder/assets/css/shortcodes/content-boxes.css |
/* stylelint-disable length-zero-no-unit */ /* stylelint-enable length-zero-no-unit */ .fusion-content-boxes { margin-bottom: 60px; } .fusion-content-boxes .col { position: relative; } .fusion-content-boxes .fusion-column { margin-bottom: 20px; box-sizing: border-box; } .fusion-content-boxes.fusion-columns-1 .fusion-column { margin-bottom: 40px; } .fusion-content-boxes .link-area-box { cursor: pointer; } .fusion-content-boxes .link-area-box .fusion-read-more-button, .fusion-content-boxes .link-area-box .fusion-read-more { pointer-events: none; } .fusion-content-boxes .icon .fontawesome-icon { margin-right: 0; margin-left: 0; } .fusion-content-boxes .icon > span { display: inline-block; } .fusion-content-boxes .icon * { box-sizing: border-box; } .fusion-content-boxes .heading { overflow: hidden; margin-bottom: 15px; } .fusion-content-boxes .heading .heading-link { text-decoration: none; box-shadow: none; } .fusion-content-boxes .heading .heading-link:hover .content-box-heading { color: #65bc7b; } .fusion-content-boxes .heading .heading-link:hover .fontawesome-icon { background-color: #65bc7b; border-color: #65bc7b; } .fusion-content-boxes .heading .heading-link .icon { height: auto; width: auto; display: block; } .fusion-content-boxes .heading .content-box-heading, .fusion-content-boxes .heading .fontawesome-icon, .fusion-content-boxes .heading a { transition: all 0.3s; } .fusion-content-boxes .heading .content-box-heading { margin: 0; padding: 0; } .fusion-content-boxes .heading img { float: none; margin: 0; } .fusion-content-boxes .fontawesome-icon.circle-yes { margin-top: 0; } .fusion-content-boxes .fusion-read-more:after, .fusion-content-boxes .fusion-read-more:before { transition: all 0.3s; } .fusion-content-boxes .fusion-read-more-button { margin-top: 18px; } .fusion-content-boxes .link-type-button-bar .content-container { padding-bottom: 50px; position: relative; } .fusion-content-boxes .link-type-button-bar .fusion-read-more { width: 100%; position: absolute; bottom: 0; left: 0; padding: 5px 0; text-align: center; } .fusion-content-boxes .link-type-button-bar .fusion-read-more:after { display: none; } .fusion-content-boxes .content-container { margin-bottom: 20px; } .fusion-content-boxes .content-container > p:last-child { margin-bottom: 0; } .fusion-content-boxes .content-container .fusion-read-more { display: block; margin-top: 18px; /* General styles in base.less */ } .fusion-content-boxes .content-wrapper-background { padding: 35px; } .fusion-content-boxes .content-box-shortcode-timeline { display: block; height: 1px; border-top-style: solid; border-top-width: 1px; position: absolute; top: 0; left: 50%; z-index: 1; margin-right: 10px; } .fusion-content-boxes .content-box-shortcode-timeline-vertical { display: block; width: 1px; border-left-style: solid; border-left-width: 1px; position: absolute; top: 0; z-index: 1; } .fusion-content-boxes.content-boxes .content-box-column-last .content-box-shortcode-timeline, .fusion-content-boxes.content-boxes .content-box-column-last-in-row .content-box-shortcode-timeline { display: none; } .fusion-content-boxes.content-boxes-clean-horizontal.content-boxes .content-box-column-last, .fusion-content-boxes.content-boxes-clean-vertical.content-boxes .content-box-column-last, .fusion-content-boxes.content-boxes-clean-horizontal.content-boxes .content-box-column-last-in-row, .fusion-content-boxes.content-boxes-clean-vertical.content-boxes .content-box-column-last-in-row { border-right-width: 1px; } .fusion-content-boxes.content-boxes-timeline-horizontal .content-box-column .icon, .fusion-content-boxes.content-boxes-timeline-vertical .content-box-column .icon { opacity: 0; } .fusion-content-boxes.content-boxes-timeline-horizontal .content-box-column.fusion-appear .icon { animation: fusionExpandAndShow 1s 1 cubic-bezier(0.17, 0.67, 0.83, 0.67); opacity: 1; transform: scale(1); } .fusion-content-boxes.content-boxes-timeline-horizontal .content-box-column.fusion-appear .content-box-shortcode-timeline { animation: fusionExpandWidth 1s 1 cubic-bezier(0.17, 0.67, 0.83, 0.67); width: 100%; } .fusion-content-boxes.content-boxes-timeline-vertical .content-box-column.fusion-appear .icon { animation: fusionExpandAndShow 1s 1 cubic-bezier(0.17, 0.67, 0.83, 0.67); opacity: 1; transform: scale(1); } .fusion-content-boxes.content-boxes-timeline-vertical .content-box-column.fusion-appear .content-box-shortcode-timeline-vertical { animation: fusionExpandHeight 1s 1 cubic-bezier(0.17, 0.67, 0.83, 0.67); height: calc(100% + 40px); } .fusion-content-boxes.content-boxes-icon-with-title .heading-with-icon .icon, .fusion-content-boxes.content-boxes-icon-with-title .heading-with-icon .image { display: table-cell; vertical-align: middle; float: none; } .fusion-content-boxes.content-boxes-icon-with-title .heading-with-icon .content-box-heading { display: table-cell; vertical-align: middle; line-height: normal; } .fusion-content-boxes.content-boxes-icon-with-title .heading-with-icon.icon-right .content-box-heading { float: none !important; } .fusion-content-boxes.content-boxes-icon-with-title .heading-with-icon.icon-right i, .fusion-content-boxes.content-boxes-icon-with-title .heading-with-icon.icon-right img { margin-right: 0; margin-left: 20px; } .fusion-content-boxes.content-boxes-icon-on-side .heading { margin-bottom: 15px; } .fusion-content-boxes.content-boxes-icon-on-side .heading-with-icon { position: relative; overflow: visible; } .fusion-content-boxes.content-boxes-icon-on-side .heading-with-icon .content-box-heading { vertical-align: top; } .fusion-content-boxes.content-boxes-icon-on-side .heading-with-icon.icon-right .content-box-heading { float: right; } .fusion-content-boxes.content-boxes-icon-on-side .heading-with-icon.icon-right .icon, .fusion-content-boxes.content-boxes-icon-on-side .heading-with-icon.icon-right .image { right: 0; } .fusion-content-boxes.content-boxes-icon-on-side .heading-with-icon.icon-right .icon i, .fusion-content-boxes.content-boxes-icon-on-side .heading-with-icon.icon-right .image i, .fusion-content-boxes.content-boxes-icon-on-side .heading-with-icon.icon-right .icon img, .fusion-content-boxes.content-boxes-icon-on-side .heading-with-icon.icon-right .image img { margin-left: 20px; margin-right: 0; } .fusion-content-boxes.content-boxes-icon-on-side .icon, .fusion-content-boxes.content-boxes-icon-on-side .image { position: absolute; } .fusion-content-boxes.content-boxes-icon-on-side .content-container.icon-small { padding-left: 55px; } .fusion-content-boxes.content-boxes-icon-on-side .content-container.icon-medium { padding-left: 70px; } .fusion-content-boxes.content-boxes-icon-on-side .content-container.icon-large { padding-left: 85px; } .fusion-content-boxes.content-boxes-icon-on-side.content-right .content-container { padding-left: 0 !important; } .fusion-content-boxes.content-boxes-icon-on-side.content-right .content-container.icon-small { padding-right: 45px; } .fusion-content-boxes.content-boxes-icon-on-side.content-right .content-container.icon-medium { padding-right: 60px; } .fusion-content-boxes.content-boxes-icon-on-side.content-right .content-container.icon-large { padding-right: 75px; } .fusion-content-boxes.content-boxes-icon-on-side .heading-with-icon, .fusion-content-boxes.content-boxes-icon-with-title .heading-with-icon { display: table; width: auto; } .fusion-content-boxes.content-boxes-icon-on-side .heading-with-icon .heading-link, .fusion-content-boxes.content-boxes-icon-with-title .heading-with-icon .heading-link { display: block; } .fusion-content-boxes.content-boxes-icon-on-side .heading-with-icon img, .fusion-content-boxes.content-boxes-icon-with-title .heading-with-icon img { margin-right: 20px; max-width: none; } .fusion-content-boxes.content-boxes-icon-on-side .heading-with-icon .fontawesome-icon, .fusion-content-boxes.content-boxes-icon-with-title .heading-with-icon .fontawesome-icon { display: block; float: none; margin-right: 20px; } .fusion-content-boxes.content-boxes-icon-on-side .heading-with-icon i.small, .fusion-content-boxes.content-boxes-icon-with-title .heading-with-icon i.small { height: 35px; width: 35px; line-height: 35px; font-size: 18px; } .fusion-content-boxes.content-boxes-icon-on-side .heading-with-icon i.medium, .fusion-content-boxes.content-boxes-icon-with-title .heading-with-icon i.medium { height: 50px; width: 50px; line-height: 50px; font-size: 21px; } .fusion-content-boxes.content-boxes-icon-on-side .heading-with-icon i.large, .fusion-content-boxes.content-boxes-icon-with-title .heading-with-icon i.large { width: 65px; height: 65px; line-height: 65px; font-size: 24px; } .fusion-content-boxes.content-boxes-icon-on-side .heading-with-icon.icon-right, .fusion-content-boxes.content-boxes-icon-with-title .heading-with-icon.icon-right { float: right !important; } .fusion-content-boxes.content-boxes-icon-on-side .heading-with-icon.icon-right .icon, .fusion-content-boxes.content-boxes-icon-with-title .heading-with-icon.icon-right .icon, .fusion-content-boxes.content-boxes-icon-on-side .heading-with-icon.icon-right .image, .fusion-content-boxes.content-boxes-icon-with-title .heading-with-icon.icon-right .image { float: none; } .fusion-content-boxes.content-boxes-icon-on-side .heading-with-icon.icon-right .icon i, .fusion-content-boxes.content-boxes-icon-with-title .heading-with-icon.icon-right .icon i { margin-right: 0 !important; } .fusion-content-boxes.content-boxes-icon-on-side .heading-with-icon.icon-right .content-box-heading, .fusion-content-boxes.content-boxes-icon-with-title .heading-with-icon.icon-right .content-box-heading { text-align: right; } .fusion-content-boxes.content-boxes-icon-on-side .content-icon-wrapper-yes .heading-with-icon .icon span, .fusion-content-boxes.content-boxes-icon-with-title .content-icon-wrapper-yes .heading-with-icon .icon span { margin-right: 20px; } .fusion-content-boxes.content-boxes-icon-on-side .content-icon-wrapper-yes .heading-with-icon.icon-right .icon span, .fusion-content-boxes.content-boxes-icon-with-title .content-icon-wrapper-yes .heading-with-icon.icon-right .icon span { margin-left: 20px; margin-right: 0; } .fusion-content-boxes.content-boxes-icon-on-side .content-icon-wrapper-yes .heading-with-icon .fontawesome-icon, .fusion-content-boxes.content-boxes-icon-with-title .content-icon-wrapper-yes .heading-with-icon .fontawesome-icon { margin-right: 0; } .fusion-content-boxes.content-boxes-icon-on-side .content-container .fusion-read-more, .fusion-content-boxes.content-boxes-icon-with-title .content-container .fusion-read-more { /* General styles in base.less */ } .fusion-content-boxes.content-boxes-icon-on-top .heading { text-align: center; } .fusion-content-boxes.content-boxes-icon-on-top .heading .icon { margin-bottom: 15px; } .fusion-content-boxes.content-boxes-icon-on-top .heading .fontawesome-icon { display: block; float: none; margin: 0 auto; height: 64px; width: 64px; line-height: 64px; font-size: 24px; } .fusion-content-boxes.content-boxes-icon-on-top .heading i.small { height: 35px; width: 35px; line-height: 35px; font-size: 18px; } .fusion-content-boxes.content-boxes-icon-on-top .heading i.medium { height: 50px; width: 50px; line-height: 50px; font-size: 21px; } .fusion-content-boxes.content-boxes-icon-on-top .heading i.large { width: 65px; height: 65px; line-height: 65px; font-size: 24px; } .fusion-content-boxes.content-boxes-icon-on-top .heading img { margin-bottom: 20px; } .fusion-content-boxes.content-boxes-icon-on-top .content-container, .fusion-content-boxes.content-boxes-icon-on-top .fusion-read-more { text-align: center; } .fusion-content-boxes.content-boxes-icon-boxed { overflow: visible; } .fusion-content-boxes.content-boxes-icon-boxed .content-wrapper-boxed { overflow: visible; padding: 50px 35px 35px; text-align: center; } .fusion-content-boxes.content-boxes-icon-boxed .link-type-button-bar .content-container { padding-bottom: 50px; } .fusion-content-boxes.content-boxes-icon-boxed .heading { overflow: visible; position: relative; text-align: center; } .fusion-content-boxes.content-boxes-icon-boxed .heading .fontawesome-icon { display: block; position: absolute; left: 50%; top: -80px; float: none; height: 64px; width: 64px; line-height: 64px; font-size: 24px; } .fusion-content-boxes.content-boxes-icon-boxed .heading i.small { height: 35px; width: 35px; line-height: 35px; font-size: 18px; top: -67px; margin-left: -17px; } .fusion-content-boxes.content-boxes-icon-boxed .heading i.medium { height: 50px; width: 50px; line-height: 50px; font-size: 21px; top: -76px; margin-left: -25px; } .fusion-content-boxes.content-boxes-icon-boxed .heading i.large { width: 65px; height: 65px; line-height: 65px; font-size: 24px; top: -85px; } .fusion-content-boxes.content-boxes-icon-boxed .heading .image { display: block; position: absolute; left: 50%; } .fusion-content-boxes.content-boxes-icon-boxed .content-container, .fusion-content-boxes.content-boxes-icon-boxed .fusion-read-more { text-align: center; } .fusion-content-boxes.content-boxes-timeline-horizontal .icon { position: relative; z-index: 2; } .fusion-content-boxes.content-boxes-timeline-horizontal .content-box-column .content-box-wrapper { position: static; } .fusion-content-boxes.content-boxes-timeline-vertical .heading-with-icon, .fusion-content-boxes.content-boxes-timeline-vertical .heading-with-icon .heading-link { display: flex; align-items: center; overflow: visible; } .fusion-content-boxes.content-boxes-timeline-vertical .content-box-column > .col { position: static; } .fusion-content-boxes.content-boxes-timeline-vertical .icon { position: relative; z-index: 2; } .fusion-content-boxes.content-boxes-timeline-vertical .content-box-column-last .content-box-shortcode-timeline-vertical { display: none; } .do-animate .fusion-content-boxes .fusion-animated { animation-fill-mode: none; position: relative; } .fusion-content-boxes.content-boxes-clean-vertical { margin-left: 0; margin-right: 0; } .fusion-content-boxes.content-boxes-clean-vertical .content-box-column { border-style: solid; border-width: 1px; border-right-width: 0; padding: 0; } .fusion-content-boxes.content-boxes-clean-vertical .col { padding: 30px; } .fusion-content-boxes.content-boxes-clean-vertical .link-type-button { padding-bottom: 0; } .fusion-content-boxes.content-boxes-clean-vertical .link-type-button-bar .content-container { padding-bottom: 60px; } .fusion-content-boxes.content-boxes-clean-horizontal { margin-left: 0; margin-right: 0; } .fusion-content-boxes.content-boxes-clean-horizontal .content-box-column { border-style: solid; border-width: 1px; border-right-width: 0; padding: 0; } .fusion-content-boxes.content-boxes-clean-horizontal .col { padding: 30px; } .fusion-content-boxes.content-boxes-clean-horizontal .link-type-button-bar .content-container { padding-bottom: 60px; } .fusion-content-boxes a { text-decoration: none; box-shadow: none; } .content-boxes-icon-on-top .col { text-align: center; } .content-boxes-icon-on-top .col .more a { float: none; } .content-boxes-icon-on-top .col .heading-and-icon .fontawesome-icon { float: none; width: 64px; height: 64px; line-height: 64px; font-size: 24px; margin: 0; display: inline-block; } .content-boxes-icon-on-top .col .heading-and-icon img { float: none; margin-right: 0; } .content-boxes-icon-on-top .col .heading-and-icon h2 { padding-left: 0; } .content-boxes-icon-on-side .col-content-container { padding-left: 45px; } .content-boxes-icon-boxed { overflow: visible; } .content-boxes-icon-boxed .col { overflow: visible !important; text-align: center; padding: 50px 2% 2%; } .content-boxes-icon-boxed .col .more a { float: none; } .content-boxes-icon-boxed .col .heading-and-icon { overflow: visible; position: relative; } .content-boxes-icon-boxed .col .heading-and-icon .fontawesome-icon, .content-boxes-icon-boxed .col .heading-and-icon img { float: none; position: absolute; top: -80px; width: 64px; height: 64px; line-height: 64px; font-size: 24px; margin: 0 0 0 -32px; left: 50%; } .content-boxes-icon-boxed .col .heading-and-icon img { float: none; } .content-boxes-icon-boxed .col .heading-and-icon h2 { padding-left: 0; }