.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;
}.diagram-wrapper.style-3 .digram-line-box .skill-title span {
color: #fff;
}
.skill-element + .skill-element {
margin: 8px 0 0 0;
}
.skill-title {
font-size: 89.5%;
line-height: 1.421;
margin: 0 0 5px 0;
}
.skill-amount {
float: right;
font-size: 126.3%;
margin-top: -11px;
}
.skill-line {
font-size: 0;
line-height: 1;
height: 10px;
margin-right: 55px;
}
.skill-line div {
display: inline-block;
font-size: 0;
line-height: 1;
height: 10px;
}
.skill-line div.animation {
-moz-transition: width 1.6s cubic-bezier(0.165, 0.84, 0.44, 1);
-ms-transition: width 1.6s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: width 1.6s cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition: width 1.6s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: width 1.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.diagram-summary {
font-size: 89.5%;
line-height: 1.471;
margin: 0 0 0.766667em 0;
}
.widget .diagram-summary {
font-size: 100%;
}
.diagram-summary-text {
margin: 0 0 0.766667em 0;
}
.diagram-circle {
text-align: center;
}
.diagram-circle {
position: relative;
}
.diagram-circle .box-wrapper {
max-width: 550px;
position: relative;
text-align: left;
}
.tab_wrapper .diagram-circle .box-wrapper {
margin: 0 auto;
}
.diagram-circle .box {
position: relative;
}
.diagram-circle .skills {
display: none;
}
.diagram-circle .text {
font-size: 89.5%;
line-height: 1.471;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.widget .diagram-circle .text {
font-size: 100%;
}
.diagram-circle .text div {
display: table-cell;
text-align: center;
vertical-align: middle;
line-height: 1.2;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.diagram-circle .text div span {
display: block;
text-align: center;
padding: 0 0 0 5px;
margin: 0;
}
.widget .diagram-circle .text div,
.widget .diagram-circle .text div span.title {
font-size: inherit;
}
.diagram-legend {
display: inline-block;
position: absolute;
left: 0;
top: 50%;
z-index: 1;
text-align: left;
}
.diagram-legend .legend-element {
margin: 0 0 26px 0;
}
.diagram-legend .legend-element .color {
display: block;
float: left;
width: 16px;
height: 16px;
}
.sidebar .diagram-legend .legend-element .color {
width: 12px;
height: 12px;
}
.diagram-legend .legend-element .title {
display: block;
line-height: 1;
margin: 0 0 0 30px;
}
.widget .diagram-legend .legend-element .title {
margin-left: 23px;
margin-top: -2px;
}
.diagram-wrapper.style-3 .digram-line-box .skill-title span.diagram-skill-title {
margin-left: 0;
}
.diagram-wrapper.style-3 .digram-line-box .skill-title span.diagram-skill-amount {
margin-left: 8px;
}
.diagram-wrapper .digram-line-box {
background-color: inherit;
}
.diagram-wrapper.style-3 .digram-line-box .skill-element {
position: relative;
padding-top: 0;
}
.diagram-wrapper.style-3 .digram-line-box .skill-element + .skill-element {
margin-top: 18px;
}
.diagram-wrapper.style-3 .skill-title {
position: absolute;
top: 50%;
margin-bottom: 0;
}
.diagram-wrapper.style-3 .skill-title {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}