.elementor-element .icon .amelia-logo:before {
content: "";
height: 30px;
display: block;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
.elementor-element .icon .amelia-logo:before {
background-image: url(//kvadratplus.hr/wp-content/plugins/ameliabooking/public/img/amelia-logo-admin-icon.svg);
}
.elementor-element .icon .amelia-logo-beta:before {
content: "";
height: 30px;
display: block;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
margin-left: 19px;
}
.elementor-element .icon .amelia-logo-beta:before {
background-image: url(//kvadratplus.hr/wp-content/plugins/ameliabooking/public/img/amelia-logo-beta.svg);
}
.elementor-element .icon .amelia-logo-outdated:before {
content: "";
height: 30px;
display: block;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
margin-left: 19px;
}
.elementor-element .icon .amelia-logo-outdated:before {
background-image: url(//kvadratplus.hr/wp-content/plugins/ameliabooking/public/img/amelia-logo-outdated.svg);
}
#elementor-controls {
.elementor-control-content {
display: block;
}
}
.amelia-elementor-content,
.amelia-elementor-content-beta,
.amelia-elementor-content-outdated {
margin: 15px;
&:before {
content: "";
height: 24px;
width: 24px;
position: absolute;
top: 15px;
left: 13px;
background-size: contain;
background-repeat: no-repeat;
background-position: left;
background-image: url(//kvadratplus.hr/wp-content/plugins/ameliabooking/public/img/amelia-logo-admin-icon.svg);
}
&-title {
font-weight: 600 !important;
}
&-p {
font-weight: 400;
font-size: 13px;
line-height: 18px;
color: #6d7882;
&-outdated {
color: #e3463c;
}
}
}
.amelia-elementor-content-beta {
&:before {
width: 44px;
background-image: url(//kvadratplus.hr/wp-content/plugins/ameliabooking/public/img/amelia-logo-beta.svg);
}
}
.amelia-elementor-content-outdated {
margin: 28px 0 15px 15px;
&:before {
width: 53px;
background-image: url(//kvadratplus.hr/wp-content/plugins/ameliabooking/public/img/amelia-logo-outdated.svg);
}
}
.elementor-control-amelia_booking_section,
.elementor-control-amelia_catalog_section,
.elementor-control-amelia_events_section,
.elementor-control-amelia_customer_panel_section,
.elementor-control-amelia_employee_panel_section,
.elementor-control-amelia_search_section {
.elementor-panel-heading {
height: auto;
}
}
.elementor-control-select_category .select2-selection__rendered li:nth-child(2):last-child:before {
content: "Show all categories";
}
.elementor-control-select_category .select2-selection__e-plus-button {
display: none;
}
.elementor-control-select_service .select2-selection__rendered li:nth-child(2):last-child:before {
content: "Show all services";
}
.elementor-control-select_service .select2-selection__e-plus-button {
display: none;
}
.elementor-control-select_employee .select2-selection__rendered li:nth-child(2):last-child:before {
content: "Show all employees";
}
.elementor-control-select_employee .select2-selection__e-plus-button {
display: none;
}
.elementor-control-select_location .select2-selection__rendered li:nth-child(2):last-child:before {
content: "Show all locations";
}
.elementor-control-select_location .select2-selection__e-plus-button {
display: none;
}
.elementor-control-select_package .select2-selection__rendered li:nth-child(2):last-child:before {
content: "Show all packages";
}
.elementor-control-select_package .select2-selection__e-plus-button {
display: none;
}
.elementor-control-select_event .select2-selection__rendered li:nth-child(2):last-child:before {
content: "Show all events";
}
.elementor-control-select_event .select2-selection__e-plus-button {
display: none;
}
.elementor-control-select_tag .select2-selection__rendered li:nth-child(2):last-child:before {
content: "Show all tags";
}
.elementor-control-select_tag .select2-selection__e-plus-button {
display: none;
}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}.gem-textbox,
.gem-textbox-wrapper,
.gem-textbox .gem-textbox-content,
.gem-textbox .gem-texbox-icon-image-wrapper .elementor-icon,
.gem-textbox .gem-texbox-icon-image-wrapper .elementor-icon i,
.gem-textbox .gem-image,
.gem-textbox .gem-image img,
.gem-textbox .gem-image span,
.gem-textbox .gem-image span:before,
.gem-textbox .gem-textbox-title,
.gem-textbox .gem-textbox-description,
.gem-textbox .gem-button-container,
.gem-textbox .gem-textbox-top,
.gem-textbox .gem-textbox-top svg,
.gem-textbox .gem-textbox-bottom,
.gem-textbox .gem-textbox-bottom svg {
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.elementor-widget-thegem-styled-textbox .elementor-widget-container {
height:100%;
}
.gem-textbox {
display: flex;
flex-direction: column;
height:100%;
width: 100%;
}
.gem-textbox-inner {
flex-grow: 1;
display: flex;
width: 100%;
}
.gem-textbox-content {
padding: 30px;
display: flex;
flex-direction: column;
width: 100%;
}
.gem-textbox-top,
.gem-textbox-bottom {
font-size: 0;
line-height: 0;
text-align: center;
}
.gem-styled-textbox-link,
.gem-styled-textbox-icon-image-link {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.gem-texbox-icon-image-wrapper {
position: relative;
}
.gem-textbox .gem-textbox-icon-horizontal-right.gem-textbox-icon-image-wrapping-inline .gem-texbox-icon-image-wrapper {
padding-left: 10px;
}
.gem-textbox .gem-textbox-icon-horizontal-left.gem-textbox-icon-image-wrapping-inline .gem-texbox-icon-image-wrapper {
padding-right: 10px;
}
.gem-textbox h4,
.gem-textbox .title-h4 {
margin-top: 0;
}
.gem-textbox-content .gem-image span {
display: inline-block;
vertical-align: top;
overflow: hidden;
max-width: 100%;
position: relative;
}
.gem-textbox-content .gem-image span::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
z-index: 1;
}
.gem-textbox:hover .gem-textbox-content .gem-image a::before,
.gem-textbox:hover .gem-textbox-content .gem-image span::before {
opacity: 1;
}
.gem-textbox .gem-textbox-icon-horizontal-right .gem-icon-with-text-icon {
padding-right: 0px;
padding-left: 10px;
} .gem-textbox-content.icon-bottom {
display: flex;
flex-direction: column;
}
.gem-textbox .icon-bottom .gem-texbox-text-wrapper {
order: 1;
}
.gem-textbox .icon-bottom .gem-texbox-icon-image-wrapper {
order: 2;
margin-top: 30px;
} .gem-textbox-content.icon-bottom,
.gem-textbox-content.button-top {
display: flex;
flex-direction: column;
}
.gem-textbox .icon-bottom.button-bottom .gem-texbox-text-wrapper {
order: 1;
}
.gem-textbox .icon-bottom.button-bottom .gem-texbox-icon-image-wrapper {
order: 2;
} .gem-textbox-content.icon-top.button-top .gem-texbox-text-wrapper {
display: flex;
flex-direction: column;
}
.gem-textbox-content.icon-top.button-top .gem-button-container {
order: 1;
}
.gem-textbox-content.icon-top.button-top .gem-textbox-title {
order: 2;
}
.gem-textbox-content.icon-top.button-top .gem-textbox-description {
order: 3;
} .gem-textbox-content.icon-bottom.button-top .gem-texbox-text-wrapper {
display: flex;
flex-direction: column;
}
.gem-textbox-content.icon-bottom.button-top .gem-button-container {
order: 1;
}
.gem-textbox-content.icon-bottom.button-top .gem-textbox-title {
order: 2;
}
.gem-textbox-content.icon-bottom.button-top .gem-textbox-description {
order: 3;
}
.gem-textbox-content.icon-bottom.button-top .gem-texbox-text-wrapper {
order: 1;
}
.gem-textbox-content.icon-bottom.button-top .gem-texbox-icon-image-wrapper {
order: 2;
margin-top: 30px;
}
.gem-textbox-icon-horizontal-center .gem-texbox-icon-image-wrapper {
text-align: center !important;
}
.gem-textbox-icon-horizontal-left .gem-texbox-icon-image-wrapper {
text-align: left !important;
}
.gem-textbox-icon-horizontal-right .gem-texbox-icon-image-wrapper {
text-align: right !important;
}
.gem-textbox-icon-horizontal-right.gem-textbox-icon-image-wrapping-wrap .gem-texbox-icon-image-wrapper {
float: right;
}
.gem-textbox-icon-horizontal-left.gem-textbox-icon-image-wrapping-wrap .gem-texbox-icon-image-wrapper {
float: left;
}
.gem-textbox-icon-image-wrapping-inline {
display: flex;
flex-direction: column;
}
.gem-textbox-icon-image-wrapping-inline .gem-texbox-text-wrapper {
flex-grow: 1;
}
.gem-textbox-icon-image-wrapping-inline.gem-textbox-icon-horizontal-right {
flex-direction: row-reverse;
}
.icon-bottom.gem-textbox-icon-image-wrapping-inline.gem-textbox-icon-horizontal-right {
flex-direction: row;
align-items: flex-end;
}
.gem-textbox-icon-image-wrapping-inline.gem-textbox-icon-horizontal-left {
flex-direction: row;
}
.icon-bottom.gem-textbox-icon-image-wrapping-inline.gem-textbox-icon-horizontal-left {
flex-direction: row-reverse;
align-items: flex-end;
}.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=".svg"]{width:48px}.elementor-widget-image img{display:inline-block;vertical-align:middle}body.elementor-page .elementor-widget-menu-anchor{margin-block-end:0}.gem-project-info {
display: inline-block;
width: 100%;
overflow: hidden;
}
.gem-project-info:not(.gem-gaps-container) {
overflow: inherit;
}
.gem-project-info,
.gem-project-info-item,
.gem-project-info-item:before,
.gem-project-info-item .title,
.gem-project-info-item .description,
.gem-project-info-item .icon,
.gem-project-info-item .icon:before,
.gem-project-info-item .icon i,
.gem-project-info-item .icon svg {
-o-transition: all .3s linear;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.gem-project-info-item {
width: 100%;
float: left;
position: relative;
overflow: hidden;
}
.gem-project-info-item .project-info-item-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5;
}
.gem-project-info-item.gem-gaps {
margin-bottom: 0 !important;
}
.gem-project-info-item.gem-gaps:last-child {
border-bottom: none !important;
}
.gem-project-info-item .title {
color: #3c3950;
text-transform: uppercase;
float: left;
margin: 0;
}
.gem-project-info-item .icon.gem-svg-icon svg {
width: 25px;
height: 25px;
display: block;
position: relative;
}
.gem-project-info-item .gem-wrapper-project-info {
z-index: 1;
}
.gem-project-info-item .icon {
position: relative;
overflow: hidden;
}
.gem-project-info-item::before,
.gem-project-info-item .icon::before {
position: absolute;
content: "";
display: block;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0;
border-radius: inherit;
}
.gem-project-info-item:hover::before,
.gem-project-info-item:hover .icon::before {
opacity: 1;
} .gem-project-info-style-1 .gem-project-info-item {
padding: 20px;
background-color: #f4f6f7;
display: flex;
margin-bottom: 20px;
}
.gem-project-info-style-1 .gem-wrapper-project-info {
display: flex;
flex-direction: column;
padding-left: 20px;
}
.gem-project-info-style-1 .gem-project-info-item .title {
display: flex;
align-items: center;
line-height: 1;
margin-bottom: 15px;
}
.gem-project-info-style-1 .gem-project-info-item .icon {
height: max-content;
display: flex;
margin-top: -1px;
min-width: fit-content;
} .gem-project-info-style-2 .gem-project-info-item {
padding: 28px 0;
border-bottom: 1px solid #dfe5e8;
background-color: #f4f6f7;
display: flex;
align-items: center;
margin-bottom: 20px;
}
.gem-project-info-style-2 .gem-wrapper-project-info {
display: flex;
flex-direction: column;
padding-left: 20px;
}
.gem-project-info-style-2 .gem-project-info-item .icon {
color: #ffffff;
background-color:#59569e;
display: flex;
align-items: center;
justify-content: center;
overflow: unset;
}
.gem-project-info-style-2 .gem-project-info-item .icon i {
padding: 18px;
z-index: 1;
}
.gem-project-info-style-2 .gem-project-info-item .icon.gem-svg-icon {
padding: 14px;
}.gem-icon{
background-origin:border-box;
border-color: #91a0ac;
}
.gem-icon, .gem-icon i, .gem-icon svg, .gem-icon-shape-hexagon-back-inner-before, .gem-icon-shape-hexagon-top-inner-before, .padding-box-inner{
-o-transition: color 0.5s, background-color 0.5s, -o-transform 0.5s, border-color 0.5s, fill 0.5s;
-webkit-transition: color 0.5s, background-color 0.5s, -webkit-transform 0.5s, border-color 0.5s, fill 0.5s;
-moz-transition: color 0.5s, background-color 0.5s, -moz-transform 0.5s, border-color 0.5s, fill 0.5s;
transition: color 0.5s, background-color 0.5s, transform 0.5s, border-color 0.5s, fill 0.5s;	
}
.gem-icon-style-gradient{
width: 100%;
}
.gem-icon-style-gradient .back-angle i{
background-image: linear-gradient(180deg, #91a0ac 0%, #65707e 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.gem-icon-inner .padding-box-inner{
display: flex;
overflow: visible;
}
.gem-icon a, .gem-icon a:hover{
color: unset;
}
.gem-icon-shape-default {
border: 0 none;
} .gem-icon-size-small, .gem-icon-size-medium, .gem-icon-size-large, .gem-icon-size-xlarge{
height: unset;
}
.gem-icon-shape-default .gem-icon-inner {
border: 0;
margin: 0
}
.gem-icon-size-small .padding-box-inner{
width: 24px;
height: 24px;
line-height: 24px;
}
.gem-icon-size-medium .padding-box-inner{
width: 48px;
height: 48px;
line-height: 48px;
}
.gem-icon-size-large .padding-box-inner{
width: 96px;
height: 96px;
line-height: 96px;
}
.gem-icon-size-xlarge .padding-box-inner{
width: 144px;
height: 144px;
line-height: 144px;
}
.gem-icon-shape-default .gem-icon-inner,
.gem-icon-shape-square .gem-icon-inner,
.gem-icon-shape-circle .gem-icon-inner,
.gem-icon-shape-romb .gem-icon-inner{
width: unset;
height: unset;
line-height: unset;
}
.gem-icon-shape-hexagon-back-inner-before{
background-color: #91a0ac;
}
.gem-icon-shape-hexagon-top-inner-before{
background-color: #2c2e3d;
}
.left-box{
text-align: left;
}
.right-box{
text-align: right;
}
.icon-inline-position a{
position: relative;
display: inline-block;
}
.gem-icon i{
line-height: unset;
}
.gem-icon svg{
fill: #91a0ac;
}
.back-angle svg{
width: 100%;
height: 100%;
} .gem-icon-shape-hexagon {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: 0;
position: relative;
}
.gem-icon-shape-hexagon .gem-icon-shape-hexagon-back {
display: block;
-webkit-transform: rotate(-30deg) skewX(30deg);
-ms-transform: rotate(-30deg) skewX(30deg);
-o-transform: rotate(-30deg) skewX(30deg);
transform: rotate(-30deg) skewX(30deg);
overflow: hidden;
position: relative;
z-index: 1;
font-size: 0;
line-height: 1;
}
.gem-icon-shape-hexagon .gem-icon-shape-hexagon-back .gem-icon-shape-hexagon-back-inner,
.gem-icon-shape-hexagon .gem-icon-shape-hexagon-back .gem-icon-shape-hexagon-back-inner-before {
display: block;
width: inherit;
height: inherit;
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
border-radius: inherit;
overflow: hidden;
}
.gem-icon-shape-hexagon .gem-icon-shape-hexagon-back .gem-icon-shape-hexagon-back-inner {
-webkit-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
-ms-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
-o-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
transform: skewX(-30deg) rotate(60deg) skewX(30deg);
}
.gem-icon-shape-hexagon .gem-icon-shape-hexagon-back .gem-icon-shape-hexagon-back-inner-before {
-webkit-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
-ms-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
-o-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
transform: skewX(-30deg) rotate(60deg) skewX(30deg);
}
.gem-icon-shape-hexagon .gem-icon-shape-hexagon-top {
display: block;
-webkit-transform: rotate(-30deg) skewX(30deg);
-ms-transform: rotate(-30deg) skewX(30deg);
-o-transform: rotate(-30deg) skewX(30deg);
transform: rotate(-30deg) skewX(30deg);
overflow: hidden;
position: absolute;
left: 0;
top: 0;
z-index: 2;
font-size: 0;
line-height: 1;
}
.gem-icon-shape-hexagon .gem-icon-shape-hexagon-top .gem-icon-shape-hexagon-top-inner,
.gem-icon-shape-hexagon .gem-icon-shape-hexagon-top .gem-icon-shape-hexagon-top-inner-before {
display: block;
width: inherit;
height: inherit;
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
border-radius: inherit;
overflow: hidden;
}
.gem-icon-shape-hexagon .gem-icon-shape-hexagon-top .gem-icon-shape-hexagon-top-inner {
-webkit-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
-ms-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
-o-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
transform: skewX(-30deg) rotate(60deg) skewX(30deg);
}
.gem-icon-shape-hexagon .gem-icon-shape-hexagon-top .gem-icon-shape-hexagon-top-inner-before {
-webkit-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
-ms-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
-o-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
transform: skewX(-30deg) rotate(60deg) skewX(30deg);
}
.gem-icon-shape-hexagon .gem-icon-inner {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background: none !important;
position: absolute;
left: 0;
top: 0;
z-index: 3;
width: 100%;
height: 100%;
margin: 0;
} .gem-icon-shape-hexagon.gem-icon-size-small {
margin: 3px 0;
}
.gem-icon-shape-hexagon.gem-icon-size-small .gem-icon-shape-hexagon-back {
width: 59px;
height: 49px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.gem-icon-shape-hexagon.gem-icon-size-small .gem-icon-shape-hexagon-top {
width: 55px;
height: 45px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
left: 2px;
top: 2px;
}
.gem-icon-shape-hexagon.gem-icon-size-small .gem-icon-inner {
line-height: 49px;
}
.gem-icon-shape-hexagon.gem-icon-size-small .gem-icon-inner svg{
height: 100%;
width: 36px;
} .gem-icon-shape-hexagon.gem-icon-size-medium {
margin: 5px 0;
}
.gem-icon-shape-hexagon.gem-icon-size-medium .gem-icon-shape-hexagon-back {
width: 91px;
height: 77px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.gem-icon-shape-hexagon.gem-icon-size-medium .gem-icon-shape-hexagon-top {
width: 85px;
height: 71px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
left: 3px;
top: 3px;
}
.gem-icon-shape-hexagon.gem-icon-size-medium .gem-icon-inner {
line-height: 77px;
}
.gem-icon-shape-hexagon.gem-icon-size-medium .gem-icon-inner svg{
height: 100%;
width: 58px;
} .gem-icon-shape-hexagon.gem-icon-size-large {
margin: 11px 0;
}
.gem-icon-shape-hexagon.gem-icon-size-large .gem-icon-shape-hexagon-back {
width: 181px;
height: 153px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.gem-icon-shape-hexagon.gem-icon-size-large .gem-icon-shape-hexagon-top {
width: 169px;
height: 141px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
left: 6px;
top: 6px;
}
.gem-icon-shape-hexagon.gem-icon-size-large .gem-icon-inner {
line-height: 153px;
}
.gem-icon-shape-hexagon.gem-icon-size-large .gem-icon-inner svg{
height: 100%;
width: 114px;
} .gem-icon-shape-hexagon.gem-icon-size-xlarge {
margin: 16px 0;
}
.gem-icon-shape-hexagon.gem-icon-size-xlarge .gem-icon-shape-hexagon-back {
width: 267px;
height: 227px;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 12px;
}
.gem-icon-shape-hexagon.gem-icon-size-xlarge .gem-icon-shape-hexagon-top {
width: 243px;
height: 203px;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
left: 12px;
top: 12px;
}
.gem-icon-shape-hexagon.gem-icon-size-xlarge .gem-icon-inner {
line-height: 227px;
}
.gem-icon-shape-hexagon.gem-icon-size-xlarge .gem-icon-inner svg{
height: 100%;
width: 164px;
}.gem-alert-box,
.gem-alert-box-inner,
.gem-alert-box .gem-alert-box-content,
.gem-alert-box .gem-cta-icon-image-wrapper .elementor-icon,
.gem-alert-box .gem-cta-icon-image-wrapper .elementor-icon i,
.gem-alert-box .gem-image,
.gem-alert-box .gem-image img,
.gem-alert-box .gem-image span,
.gem-alert-box .gem-image span:before,
.gem-alert-box .gem-cta-title,
.gem-alert-box .gem-cta-description,
.gem-alert-box .gem-alert-box-top,
.gem-alert-box .gem-alert-box-top svg,
.gem-alert-box .gem-alert-box-bottom,
.gem-alert-box .gem-alert-box-bottom svg {
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.gem-alert-box-top,
.gem-alert-box-bottom {
font-size: 0;
line-height: 0;
text-align: center;
}
.gem-alert-box-icon-image-link {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.gem-alert-box .gem-icon .icon-hover-bg.fill-out {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
-moz-transform: scale(0);
-webkit-transform: scale(0);
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
border-radius: inherit;
}
.gem-alert-box:hover .icon-hover-bg.fill-out {
transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.gem-alert-box .gem-icon .icon-hover-bg.fade {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
border-radius: inherit;
}
.gem-cta-icon-image-wrapper {
position: relative;
}
.gem-alert-box .gem-alert-box-icon-horizontal-right.gem-alert-box-icon-image-wrapping-inline .gem-cta-icon-image-wrapper {
padding-left: 10px;
}
.gem-alert-box .gem-alert-box-icon-horizontal-left.gem-alert-box-icon-image-wrapping-inline .gem-cta-icon-image-wrapper {
padding-right: 10px;
}
.gem-alert-box .gem-image span {
display: inline-block;
vertical-align: top;
overflow: hidden;
max-width: 100%;
position: relative;
}
.gem-alert-box .gem-image span::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
z-index: 1;
}
.gem-alert-box:hover .gem-image a::before,
.gem-alert-box:hover .gem-image span::before {
opacity: 1;
}
.gem-alert-box .gem-alert-box-icon-horizontal-right .gem-icon-with-text-icon {
padding-right: 0px;
padding-left: 10px;
} .gem-alert-inner.icon-bottom {
display: flex;
flex-direction: column;
}
.gem-alert-inner.icon-bottom .gem-alert-box-content {
order: 1;
}
.gem-alert-inner.icon-bottom .gem-alert-box-buttons {
order: 2;
}
.gem-alert-inner.icon-bottom .gem-alert-box-picture {
order: 3;
margin-top: 30px;
} .gem-alert-box-content.icon-bottom,
.gem-alert-box-content.button-top {
display: flex;
flex-direction: column;
}
.gem-alert-box .icon-bottom.button-bottom .gem-alert-box-content {
order: 1;
}
.gem-alert-box .icon-bottom.button-bottom .gem-cta-icon-image-wrapper {
order: 2;
} .gem-alert-inner.button-bottom .gem-alert-box-buttons .gem-button-container-1,
.gem-alert-inner.button-bottom .gem-alert-box-buttons .gem-button-container-2 {
display: inline-block;
}
.gem-alert-box-icon-horizontal-center .gem-alert-box-picture {
text-align: center !important;
}
.gem-alert-box-icon-horizontal-left .gem-alert-box-picture {
text-align: left !important;
}
.gem-alert-box-icon-horizontal-right .gem-alert-box-picture {
text-align: right !important;
} .gem-alert-inner.gem-alert-box-icon-horizontal-left.gem-alert-box-icon-image-wrapping-inline.button-bottom {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.gem-alert-inner.gem-alert-box-icon-horizontal-left.gem-alert-box-icon-image-wrapping-inline.button-bottom .text-button-wrapper {
flex: 2 1 auto;
} .gem-alert-inner.gem-alert-box-icon-horizontal-right.gem-alert-box-icon-image-wrapping-inline.button-bottom {
display: flex;
flex-direction: row-reverse;
justify-content: center;
align-items: center;
}
.gem-alert-inner.gem-alert-box-icon-horizontal-right.gem-alert-box-icon-image-wrapping-inline.button-bottom .text-button-wrapper {
flex: 2 1 auto;
} .gem-alert-inner.gem-alert-box-icon-horizontal-left.gem-alert-box-icon-image-wrapping-inline.button-left-inline {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.gem-alert-inner.gem-alert-box-icon-horizontal-left.gem-alert-box-icon-image-wrapping-inline.button-left-inline .picture-button-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
} .gem-alert-inner.gem-alert-box-icon-horizontal-right.gem-alert-box-icon-image-wrapping-inline.button-right-inline {
display: flex;
flex-direction: row-reverse;
justify-content: center;
align-items: center;
}
.gem-alert-inner.gem-alert-box-icon-horizontal-right.gem-alert-box-icon-image-wrapping-inline.button-right-inline .picture-button-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
} .gem-alert-inner.gem-alert-box-icon-horizontal-left.gem-alert-box-icon-image-wrapping-inline.button-right-inline,
.gem-alert-inner.button-right-inline {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
} .gem-alert-inner.gem-alert-box-icon-horizontal-right.gem-alert-box-icon-image-wrapping-inline.button-left-inline,
.gem-alert-inner.button-left-inline {
display: flex;
flex-direction: row-reverse;
justify-content: center;
align-items: center;
} .gem-alert-box-icon-horizontal-right.gem-alert-box-icon-image-wrapping-wrap .gem-alert-box-picture {
float: right;
}
.gem-alert-box-icon-horizontal-left.gem-alert-box-icon-image-wrapping-wrap .gem-alert-box-picture {
float: left;
}
.gem-alert-box-icon-image-wrapping-inline {
display: flex;
flex-direction: column;
}
.gem-alert-box-icon-image-wrapping-inline .gem-alert-box-content {
flex-grow: 1;
}
.gem-alert-box-icon-image-wrapping-inline.gem-alert-box-icon-horizontal-right {
flex-direction: row-reverse;
}
.gem-alert-box-icon-image-wrapping-inline.gem-alert-box-icon-horizontal-left {
flex-direction: row;
align-items: center;
}
@media (max-width: 767px) { .gem-alert-inner.gem-alert-box-icon-horizontal-left.gem-alert-box-icon-image-wrapping-inline.button-bottom {
flex-direction: column;
} .gem-alert-inner.gem-alert-box-icon-horizontal-right.gem-alert-box-icon-image-wrapping-inline.button-bottom {
flex-direction: column-reverse;
} .gem-alert-inner.gem-alert-box-icon-horizontal-left.gem-alert-box-icon-image-wrapping-inline.button-left-inline {
flex-direction: column;
}
.gem-alert-inner.gem-alert-box-icon-horizontal-left.gem-alert-box-icon-image-wrapping-inline.button-left-inline .picture-button-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
} .gem-alert-inner.gem-alert-box-icon-horizontal-right.gem-alert-box-icon-image-wrapping-inline.button-right-inline {
flex-direction: column-reverse;
}
.gem-alert-inner.gem-alert-box-icon-horizontal-right.gem-alert-box-icon-image-wrapping-inline.button-right-inline .picture-button-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
} .gem-alert-inner.gem-alert-box-icon-horizontal-left.gem-alert-box-icon-image-wrapping-inline.button-right-inline,
.gem-alert-inner.button-right-inline,
.gem-alert-inner.no-button {
flex-direction: column;
} .gem-alert-inner.gem-alert-box-icon-horizontal-right.gem-alert-box-icon-image-wrapping-inline.button-left-inline,
.gem-alert-inner.button-left-inline {
flex-direction: column-reverse;
}
}
@media (min-width: 768px) and (max-width: 1024px) { .gem-alert-inner.gem-alert-box-icon-horizontal-left.gem-alert-box-icon-image-wrapping-inline.button-right-inline,
.gem-alert-inner.button-right-inline,
.gem-alert-inner.no-button {
flex-direction: column;
} .gem-alert-inner.gem-alert-box-icon-horizontal-right.gem-alert-box-icon-image-wrapping-inline.button-left-inline,
.gem-alert-inner.button-left-inline {
flex-direction: column-reverse;
}
}