/* stylelint-disable length-zero-no-unit */
/* stylelint-enable length-zero-no-unit */
.fusion-content-boxes {
--awb-backgroundcolor: var(--content_box_bg_color);
--awb-body-color: var(--content_box_body_color);
--awb-title-color: var(--content_box_title_color);
--awb-iconcolor: var(--content_box_icon_color);
--awb-hover-accent-color: var(--content_box_hover_animation_accent_color, var(--link_hover_color));
--awb-circle-hover-accent-color: var(--awb-hover-accent-color);
--awb-margin-top: var(--content_box_margin_top, 0px);
--awb-margin-bottom: var(--content_box_margin_bottom, 60px);
--awb-item-margin-bottom: 20px;
--awb-item-margin-top: 0px;
--awb-content-padding-left: 0;
--awb-content-padding-right: 0;
--awb-content-text-align: initial;
--awb-border-radius-top-left: 0;
--awb-border-radius-top-right: 0;
--awb-border-radius-bottom-right: 0;
--awb-border-radius-bottom-left: 0;
--awb-box-shadow: none;
margin-top: var(--awb-margin-top);
margin-bottom: var(--awb-margin-bottom);
}
.fusion-content-boxes.has-flex-alignment {
display: flex;
flex-wrap: wrap;
align-items: var(--awb-alignment, flex-start);
}
.fusion-content-boxes.has-flex-alignment .col {
height: 100%;
}
.fusion-content-boxes.has-flex-alignment .fusion-builder-child-element-content {
height: 100%;
}
.fusion-content-boxes .col {
position: relative;
}
.fusion-content-boxes .fusion-column {
box-sizing: border-box;
margin-bottom: var(--awb-item-margin-bottom);
margin-top: var(--awb-item-margin-top);
}
.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;
color: var(--awb-iconcolor);
}
.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: var(--awb-hover-accent-color);
}
.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;
color: var(--awb-title-color);
}
.fusion-content-boxes .heading p.content-box-heading,
.fusion-content-boxes .heading div.content-box-heading {
font-size: var(--body_typography-font-size);
}
.fusion-content-boxes .heading img {
float: none;
margin: 0;
}
.fusion-content-boxes .fusion-content-box-hover .link-area-link-icon-hover .heading .content-box-heading,
.fusion-content-boxes .fusion-content-box-hover .link-area-link-icon-hover .heading .heading-link .content-box-heading,
.fusion-content-boxes .fusion-content-box-hover .link-area-box-hover .heading .content-box-heading,
.fusion-content-boxes .fusion-content-box-hover .link-area-box-hover .heading .heading-link .content-box-heading,
.fusion-content-boxes .fusion-content-box-hover .link-area-link-icon-hover.link-area-box .fusion-read-more,
.fusion-content-boxes .fusion-content-box-hover .link-area-link-icon-hover.link-area-box .fusion-read-more::after,
.fusion-content-boxes .fusion-content-box-hover .link-area-link-icon-hover.link-area-box .fusion-read-more::before,
.fusion-content-boxes .fusion-content-box-hover .fusion-read-more:hover:after,
.fusion-content-boxes .fusion-content-box-hover .fusion-read-more:hover:before,
.fusion-content-boxes .fusion-content-box-hover .fusion-read-more:hover,
.fusion-content-boxes .fusion-content-box-hover .link-area-box-hover.link-area-box .fusion-read-more,
.fusion-content-boxes .fusion-content-box-hover .link-area-box-hover.link-area-box .fusion-read-more::after,
.fusion-content-boxes .fusion-content-box-hover .link-area-box-hover.link-area-box .fusion-read-more::before,
.fusion-content-boxes .fusion-content-box-hover .link-area-link-icon-hover .icon .circle-no {
color: var(--awb-hover-accent-color);
}
.fusion-content-boxes .fusion-content-box-hover .link-area-box-hover .heading .icon > span {
border-color: var(--awb-hover-accent-color) !important;
}
.fusion-content-boxes .fusion-content-box-hover .link-area-link-icon-hover.icon-hover-animation-pulsate .fontawesome-icon:after,
.fusion-content-boxes .fusion-content-box-hover .link-area-box-hover.icon-hover-animation-pulsate .fontawesome-icon:after,
.fusion-content-boxes .fusion-content-box-hover .link-area-link-icon-hover.icon-wrapper-hover-animation-pulsate .icon span:after,
.fusion-content-boxes .fusion-content-box-hover .link-area-box-hover.icon-wrapper-hover-animation-pulsate .icon span:after {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px var(--awb-hover-accent-color), 0 0 0 10px rgba(255, 255, 255, 0.5);
}
.fusion-content-boxes .fusion-content-box-hover .link-area-box-hover .icon .circle-no {
color: var(--awb-hover-accent-color) !important;
}
.fusion-content-boxes .fusion-content-box-hover .link-area-link-icon-hover .icon .circle-no,
.fusion-content-boxes .fusion-content-box-hover .icon.hover .circle-no {
color: var(--awb-iconcolor-hover, var(--awb-hover-accent-color));
}
.fusion-content-boxes .fusion-content-box-hover .link-area-link-icon-hover .heading .icon > span {
background-color: var(--awb-circle-hover-accent-color) !important;
}
.fusion-content-boxes .fusion-content-box-hover .heading-link:hover .icon i.circle-yes,
.fusion-content-boxes .fusion-content-box-hover .link-area-box:hover .heading-link .icon i.circle-yes,
.fusion-content-boxes .fusion-content-box-hover .link-area-link-icon-hover .heading .icon i.circle-yes,
.fusion-content-boxes .fusion-content-box-hover .link-area-box-hover .heading .icon i.circle-yes,
.fusion-content-boxes .fusion-content-box-hover .icon.hover i.circle-yes {
background-color: var(--awb-circlecolor-hover, var(--awb-circle-hover-accent-color)) !important;
border-color: var(--awb-circlecolor-hover, var(--awb-hover-accent-color)) !important;
color: var(--awb-iconcolor-hover, var(--content_box_icon_color));
}
.fusion-content-boxes .fusion-content-box-hover .link-area-box.link-area-box-hover .fusion-content-box-button {
background: var(--button_gradient_top_color_hover);
color: var(--button_accent_hover_color);
--button_gradient: linear-gradient(var(--button_gradient_angle, 180deg), var(--button_gradient_top_color) var(--button_gradient_start, 0%), var(--button_gradient_bottom_color) var(--button_gradient_end, 100%));
background-image: var(--button_gradient);
}
.fusion-content-boxes .fusion-content-box-hover .link-area-box.link-area-box-hover .fusion-content-box-button .fusion-button-text {
color: var(--button_accent_hover_color);
}
.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 {
color: var(--awb-body-color);
padding-left: var(--awb-content-padding-left);
padding-right: var(--awb-content-padding-right);
margin-bottom: 20px;
text-align: var(--awb-content-text-align);
}
.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;
background-color: var(--awb-backgroundcolor);
border-radius: var(--awb-border-radius-top-left) var(--awb-border-radius-top-right) var(--awb-border-radius-bottom-right) var(--awb-border-radius-bottom-left);
box-shadow: var(--awb-box-shadow);
}
.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;
}
