.gem-quote {
position: relative;
overflow: hidden;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.gem-quote blockquote div,
.gem-quote blockquote p,
.gem-quote blockquote {
margin: 0;
}
.gem-quote.gem-quote-style-default {
padding: 3px;
border: 1px solid #c9d2d9;
}
.gem-quote.gem-quote-style-default blockquote {
margin: 0px;
font-size: 24px;
line-height: 37px;
font-weight: 100;
padding: 60px 80px;
border: 1px solid #e9edf0;
}
.gem-quote.gem-quote-style-1 {
font-size: 24px;
line-height: 37px;
padding: 67px 87px;
font-weight: 200;
}
.gem-quote.gem-quote-style-2 {
color: #bcc6cd;
font-weight: 200;
padding: 67px 87px;
font-size: 24px;
line-height: 37px;
background-color: #2c3e50;
}
.gem-quote.gem-quote-style-2 blockquote {
color: #b6c6c9;
}
.gem-quote.gem-quote-style-3 blockquote {
text-transform: uppercase;
margin: 0px;
font-size: 19px;
padding: 67px 87px;
letter-spacing: 0.085em;
line-height: 1.85em;
border: 1px solid #e9edf0;
}
.gem-quote.gem-quote-style-3 {
padding: 4px;
color: #2c3e50;
border: 1px solid #c9d2d9;
background: transparent;
}
.gem-quote.gem-quote-style-4 {
color: #2c3e50;
letter-spacing: 0.085em;
padding: 72px 92px;
text-transform: uppercase;
}
.gem-quote.gem-quote-style-5 {
padding: 72px 92px;
text-transform: uppercase;
letter-spacing: 0.085em;
background-color: #2c3e50;
color: #ffffff;
}
.gem-quote .custom-color-blockqute-mark,
.gem-quote.gem-quote-style-default:after,
.gem-quote.gem-quote-style-1:after,
.gem-quote.gem-quote-style-2:after,
.gem-quote.gem-quote-style-3:after,
.gem-quote.gem-quote-style-4:after,
.gem-quote.gem-quote-style-5:after {
position: absolute;
font-family: thegem-icons;
content: '\e60c';
font-size: 76px;
right: 67px;
}
.gem-quote.gem-quote-style-1 blockquote,
.gem-quote.gem-quote-style-2 blockquote,
.gem-quote.gem-quote-style-4 blockquote,
.gem-quote.gem-quote-style-5 blockquote {
padding: 0;
background-color: transparent;
}
.gem-quote.gem-quote-style-default blockquote,
.gem-quote.gem-quote-style-3 blockquote {
background-color: transparent;
}
.gem-quote.gem-quote-style-default blockquote:after,
.gem-quote.gem-quote-style-1 blockquote:after,
.gem-quote.gem-quote-style-2 blockquote:after,
.gem-quote.gem-quote-style-3 blockquote:after,
.gem-quote.gem-quote-style-4 blockquote:after,
.gem-quote.gem-quote-style-5 blockquote:after {
display: none;
}
.gem-quote.gem-quote-style-2.gem-quote .custom-color-blockqute-mark,
.gem-quote.gem-quote-style-1.gem-quote .custom-color-blockqute-mark,
.gem-quote.gem-quote-style-1:after,
.gem-quote.gem-quote-style-2:after,
.gem-quote.gem-quote-style-4:after,
.gem-quote.gem-quote-style-5:after {
bottom: 6px;
}
.custom-color-blockqute-mark-added.gem-quote:after {
display: none;
}
.gem-quote .custom-color-blockqute-mark,
.gem-quote .custom-color-blockqute-mark,
.gem-quote.gem-quote-style-default:after,
.gem-quote.gem-quote-style-3:after {
bottom: 11px;
}
.gem-quote.gem-quote-style-default:after {
color: #e7ebee;
}
.gem-quote.gem-quote-style-1:after {
color: #a3e7f0;
}
.gem-quote.gem-quote-style-2:after {
color: #4dd0e1;
}
.gem-quote.gem-quote-style-3:after {
color: #e7ebee;
}
.gem-quote.gem-quote-style-4:after {
color: #a3e7f0;
}
.gem-quote.gem-quote-style-5:after {
color: #4dd0e1;
}
.gem-quote.gem-quote-style-1.gem-quote-no-paddings,
.gem-quote.gem-quote-style-2.gem-quote-no-paddings,
.gem-quote.gem-quote-style-4.gem-quote-no-paddings,
.gem-quote.gem-quote-style-5.gem-quote-no-paddings {
padding-left: 50px;
padding-right: 20px;
padding-top: 50px;
padding-bottom: 50px;
}
@media (max-width:767px) {
.gem-quote.gem-quote-style-1,
.gem-quote.gem-quote-style-2,
.gem-quote.gem-quote-style-4,
.gem-quote.gem-quote-style-5,
.gem-quote.gem-quote-style-1.gem-quote-no-paddings,
.gem-quote.gem-quote-style-2.gem-quote-no-paddings,
.gem-quote.gem-quote-style-4.gem-quote-no-paddings,
.gem-quote.gem-quote-style-5.gem-quote-no-paddings {
padding-left: 25px;
padding-right: 10px;
padding-top: 25px;
padding-bottom: 50px;
}
}
.gem-quote.gem-quote-style-default.gem-quote-no-paddings blockquote,
.gem-quote.gem-quote-style-3.gem-quote-no-paddings blockquote {
padding-left: 39px;
padding-right: 20px;
padding-top: 44px;
padding-bottom: 50px;
}
@media (max-width:767px) {
.gem-quote.gem-quote-style-default blockquote,
.gem-quote.gem-quote-style-3 blockquote,
.gem-quote.gem-quote-style-default.gem-quote-no-paddings blockquote,
.gem-quote.gem-quote-style-3.gem-quote-no-paddings blockquote {
padding-left: 19px;
padding-right: 10px;
padding-top: 22px;
padding-bottom: 50px;
}
}
.gem-quote.gem-quote-style-default.custom-color-blockqute-mark-added.gem-quote-no-paddings .custom-color-blockqute-mark,
.gem-quote.gem-quote-style-1.custom-color-blockqute-mark-added.gem-quote-no-paddings .custom-color-blockqute-mark,
.gem-quote.gem-quote-style-2.custom-color-blockqute-mark-added.gem-quote-no-paddings .custom-color-blockqute-mark,
.gem-quote.gem-quote-style-4.custom-color-blockqute-mark-added.gem-quote-no-paddings .custom-color-blockqute-mark,
.gem-quote.gem-quote-style-5.custom-color-blockqute-mark-added.gem-quote-no-paddings .custom-color-blockqute-mark,
.gem-quote.gem-quote-style-default.gem-quote-no-paddings:after,
.gem-quote.gem-quote-style-1.gem-quote-no-paddings:after,
.gem-quote.gem-quote-style-2.gem-quote-no-paddings:after,
.gem-quote.gem-quote-style-4.gem-quote-no-paddings:after,
.gem-quote.gem-quote-style-5.gem-quote-no-paddings:after {
font-size: 67px;
right: 35px;
bottom: 4px;
}
.gem-quote.gem-quote-style-default.gem-quote-no-paddings:after,
.gem-quote.gem-quote-style-3.gem-quote-no-paddings:after {
font-size: 67px;
right: 35px;
bottom: 10px;
}.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;
}
}