.gem-youtube .gem-wrapbox-inner,
.gem-youtube .shadow-wrap,
.gem-youtube .gem-wrapbox-element,
.gem-vimeo .gem-wrapbox-inner,
.gem-vimeo .shadow-wrap,
.gem-vimeo .gem-wrapbox-element,
.gem-video .gem-wrapbox-inner,
.gem-video .shadow-wrap,
.gem-video .gem-wrapbox-element {
width: 100%;
height: 100%;
}
.gem-wrapbox-inner.gem-ratio-style .gem-wrapbox-element,
.gem-wrapbox-inner.gem-ratio-style .shadow-wrap,
.gem-wrapbox-inner.gem-ratio-style .preloader {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.gem-image-centered-box {
margin-bottom: 1.421em;
}
.gem-image a,
.gem-textbox-picture a{
position: relative;
display: inline-block;
vertical-align: top;
overflow: hidden;
}
.gem-image a:before,
.gem-textbox-picture a:before{
content: '';
position: absolute;
top: -100%;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: opacity 0.5s, background-color 0.5s;
transition: opacity 0.5s, background-color 0.5s;
opacity: 0;
z-index: 5;
}
.gem-image a:hover:before,
.gem-textbox-picture a:hover:before {
opacity: 1;
-webkit-transition: opacity 0.5s, background-color 0.5s;
transition: opacity 0.5s, background-color 0.5s;
}
.gem-image a:after,
.gem-textbox-picture a:after{
content: '\e60f';
font-family: 'thegem-icons';
font-weight: normal;
font-style: normal;
font-size: 40px;
height: 40px;
line-height: 40px;
width: 40px;
text-align: center;
position: absolute;
top: -20px;
left: 50%;
transition: opacity 0.3s, top 0.3s;
-webkit-transition: opacity 0.3s, top 0.3s;
margin-left: -20px;
margin-top: -20px;
z-index: 5;
opacity: 0;
}
.gem-image a:hover:after,
.gem-textbox-picture a:hover:after{
top: 50%;
opacity: 1;
transition: opacity 0.5s, top 0.3s;
-webkit-transition: opacity 0.5s, top 0.3s;
}
.gem-map-with-text .wpb_gmaps_widget .wpb_wrapper {
padding: 0;
}
.gem-gmaps {
display: inline-block;
max-width: 100%;
}
.gem-gmaps .gem-gmaps-hide {
overflow: hidden;
width: 100%;
}
.gem-gmaps iframe {
border: 0 none;
vertical-align: top;
margin-top: -46px;
width: 100%;
}
.gem-gmaps .preloader + iframe {
margin-top: -240px !important;
}
.gem-gmaps .preloader + iframe + .map-locker {
opacity: 0;
}
.gem-gmaps.gem-wrapbox-style-11 {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
overflow: hidden;
}
.gem-gmaps.gem-wrapbox-style-11 .gem-gmaps-hide {
-webkit-mask-image: url(//inshine.nl/wp-content/themes/thegem-elementor/css/css/circle.svg);
}
iframe + .map-locker {
position: relative;
float: right;
margin-top: -150px;
margin-right: 13px;
height: 50px;
width: 50px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
background: #ffffff url(//inshine.nl/wp-content/themes/thegem-elementor/css/images/map-locker.png) no-repeat 0 50%;
}
iframe + .map-locker.disabled {
background-position: 100% 50%;
}
.wpb_gmaps_widget .wpb_map_wraper.hide_title  iframe {
margin-top: -46px;
}
.wpb_gmaps_widget  .wpb_map_wraper.hide_title {
overflow: hidden;
}
.gem-gmaps.gem-wrapbox-style-11 .gem-wrapbox-inner:after {
display: none;
}
.gem-gmaps.gem-wrapbox-style-11 .gem-wrapbox-inner  {
padding: 12px;
border: 2px solid;
}
.gem-gmaps.gem-wrapbox-style-8  .gem-wrapbox-inner {
border-radius: 34px;
overflow: hidden;
} .gem-wrapbox {
position: relative;
margin-bottom: 1.421em;
}
.gem-wrapbox-position-left {
float: left;
}
.gem-wrapbox-position-right {
float: right;
}
.gem-wrapbox-position-below,
.gem-wrapbox-position-centered {
display: inline-block;
}
.gem-wrapbox-inner {
position: relative;
}
.gem-wrapbox-element {
width: 100%;
}
.gem-wrapbox-style-1 {
border: 8px solid transparent;
}
.gem-wrapbox-style-1.shadow-box {
box-shadow: none;
}
.gem-wrapbox-style-2 {
border: 16px solid transparent;
}
.gem-wrapbox-style-3 {
padding: 8px;
border: 1px solid transparent;
}
.gem-wrapbox-style-4 {
padding: 20px;
border: 2px solid transparent;
}
.gem-wrapbox-style-5 {
padding: 20px;
}
body .gem-wrapbox-style-5{
-webkit-box-shadow: 0px 1px 27px 1px rgba(44, 46, 61, 0.25);
-moz-box-shadow: 0px 1px 27px 1px rgba(44, 46, 61, 0.25);
box-shadow: 0px 1px 27px 1px rgba(44, 46, 61, 0.25);
}
.gem-wrapbox-style-6 {
padding: 8px;
border: 20px solid transparent;
}
.gem-wrapbox-style-7 {
padding: 10px;
border-radius: 20px;
border: 10px solid transparent;
}
.gem-wrapbox-style-8 {
padding: 18px;
border: 6px solid transparent;
border-radius: 55px;
}
.gem-wrapbox-style-8 img{
border-radius: 34px;
}
.gem-wrapbox-style-8 .gem-wrapbox-inner a:before{
border-radius: 34px;
}
.gem-wrapbox-style-8 .gem-wrapbox-inner a{
z-index: 1;
overflow: hidden;
border-radius: 34px;
}
.gem-wrapbox-style-8 .overlay-wrap {
border-radius: 34px;
overflow: hidden;
}
.gem-wrapbox-style-9 .gem-wrapbox-inner:after {
content: "";
position: absolute;
top: 20px;
left: 20px;
right: 20px;
bottom: 20px;
border: 2px  dashed transparent;
}
.gem-wrapbox-style-9 .overlay-wrap:after {
content: "";
position: absolute;
top: 20px;
left: 20px;
right: 20px;
bottom: 20px;
border: 2px  dashed transparent;
}
.gem-wrapbox-style-11 .gem-wrapbox-inner {
overflow: hidden;
border-radius: 50%;
z-index: 1;
}
.gem-wrapbox-style-11 .gem-wrapbox-inner:after {
content: "";
position: absolute;
z-index: 1;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border: 2px  solid #FFFFFF;
border-radius: 50%;
}
.gem-gallery-grid.metro.metro-item-style-6  .gallery-set .gallery-item {
margin-bottom: 70px !important;
overflow: visible !important;
}
.gem-gallery-grid.metro.metro-item-style-10  .gallery-set .gallery-item,
.gem-gallery-grid.metro.metro-item-style-8  .gallery-set .gallery-item,
.gem-gallery-grid.metro.metro-item-style-5  .gallery-set .gallery-item,
.gem-gallery-grid.metro.metro-item-style-4  .gallery-set .gallery-item {
margin-bottom: 60px !important;
overflow: visible !important;
}
.gem-gallery-grid.metro.metro-item-style-7  .gallery-set .gallery-item,
.gem-gallery-grid.metro.metro-item-style-2  .gallery-set .gallery-item {
margin-bottom: 50px !important;
overflow: visible !important;
}
.gem-gallery-grid.metro.metro-item-style-1  .gallery-set .gallery-item {
margin-bottom: 30px !important;
overflow: visible !important;
}
.gem-gallery-grid.metro.metro-item-style-3  .gallery-set .gallery-item {
margin-bottom: 35px !important;
overflow: visible !important;
}
.gem-gallery-grid.metro.metro-item-style-11  .gallery-set .gallery-item {
margin-bottom: 20px !important;
overflow: visible !important;
}
.gem-wrapbox-style-10 {
padding: 20px;
border: 2px dashed transparent;
}
.gem-wrapbox-style-12 {
z-index: 5;
}
.gem-wrapbox-style-14  img{
border-radius: 50%;
}
.gem-wrapbox-style-12 .shadow-wrap {
padding: 16px;
height: auto;
}
.gem-wrapbox-style-12 .shadow-wrap:before,
.gem-wrapbox-style-12 .shadow-wrap:after {
box-shadow: 0 -15px 20px rgba(0, 0, 0, 0.1);
content: "";
height: 20%;
left: 2px;
max-width: 300px;
position: absolute;
top: 22px;
transform: rotate(2deg);
width: 40%;
z-index: -2;
}
.gem-wrapbox-style-12 .shadow-wrap:after {
left: auto;
right: 2px;
transform: rotate(-2deg);
}
.gem-wrapbox-style-12 .gem-wrapbox-inner:before,
.gem-wrapbox-style-12 .gem-wrapbox-inner:after {
bottom: 20px;
box-shadow: 0 15px 25px rgba(0, 0, 0, 0.35);
content: '';
height: 20%;
left: 5px;
max-width: 300px;
position: absolute;
transform: rotate(-2deg);
width: 40%;
z-index: -2;
}
.gem-wrapbox-style-12 .gem-wrapbox-inner:after {
left: auto;
right: 5px;
transform: rotate(2deg);
}
.gem-wrapbox-style-9 .overlay-wrap:after,
.gem-wrapbox-style-9 .gem-wrapbox-inner:after
{
border-color: rgba(255, 255, 255, 0.5);
}
.gem-video.gem-wrapbox-style-11,
.gem-youtube.gem-wrapbox-style-11,
.gem-vimeo.gem-wrapbox-style-11 {
border-radius: 50%;
overflow: hidden;
}
.gem-gmaps.gem-wrapbox-style-11 .gem-wrapbox-inner {
border-color: #e0e5e8;
}.styled-image-wrapper::after {
content: "";
display: block;
clear: both;
}
.styled-image-wrapper .gem-image a img {
transition: all 0.5s;
}
.gem-wrapbox, .gem-image-centered-box {
margin-bottom: 0;
}
.gem-image a {
display: block;
}
.gem-image a:after{
content: none;
}
.gem-image a:before {
top: 0;
background-color: unset;
}
.gem-image a i,
.gem-image a svg {
font-style: normal;
font-size: 40px;
height: 40px;
line-height: 40px;
width: 40px;
text-align: center;
position: absolute;
top: -20px;
left: 50%;
transition: opacity 0.3s, top 0.3s;
-webkit-transition: opacity 0.3s, top 0.3s;
margin-left: -20px;
margin-top: -20px;
z-index: 5;
opacity: 0;
color: #ffffff;
}
.gem-image a svg {
width: 1em;
height: 1em;
fill: currentColor;
}
.gem-image a:hover i,
.gem-image a:hover svg {
top: 50%;
opacity: 1;
transition: opacity 0.5s, top 0.3s;
-webkit-transition: opacity 0.5s, top 0.3s;
}
.gem-wrapbox-style-13 .gem-wrapbox-inner {
overflow: hidden;
border-radius: 50%;
z-index: 1;
}
.gem-wrapbox-style-13 .gem-wrapbox-inner:after {
content: "";
position: absolute;
z-index: 1;
top: unset;
left: unset;
right: unset;
bottom: unset;
border: none;
}.widget-testimonials {
position: relative;
}
.gem-testimonials-navigation a {
overflow: visible;
}
.gem-testimonials,
.gem-testimonials:hover {
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.testimonials-style-1-item {
position: relative;
display: inline-block;
}
.testimonials-style-1-image {
padding-top: 60px;
height: 190px;
}
.testimonials-style-1-item {
text-align: center;
}
.testimonials-style-1-text {
font-style: inherit;
padding-left: 15px;
padding-right: 15px;
padding-top: 35px;
padding-bottom: 10px;
clear: both;
}
.testimonials-style-1-item .gem-dummy {
margin-left: 62px;
}
.testimonials-style-1-item {
border-top-left-radius: 67px;
border-top-right-radius: 67px;
overflow: hidden;
}
.testimonials-style-1-teg {
border-bottom-left-radius: 67px;
border-bottom-right-radius: 67px;
}
.testimonials-style-1-item .gem-testimonial-position {
padding-top: 4px;
}
.testimonials-style-2-bg {
position: relative;
}
.testimonials-style-2-item .wrap-style {
transform: rotate(270deg);
transform-origin: 0 100%;
-webkit-transform: rotate(270deg);
-webkit-transform-origin: 0 100%;
overflow: visible;
position: absolute;
top: -4px;
left: 50%;
margin-left: 49px;
width: 49px;
height: 100px;
}
.testimonials-style-1-item .wrap-style {
transform: rotate(270deg);
transform-origin: 0 100%;
-webkit-transform: rotate(270deg);
-webkit-transform-origin: 0 100%;
overflow: visible;
position: absolute;
bottom: -2px;
left: 50%;
margin-left: 49px;
width: 49px;
height: 100px;
}
.testimonials-style-1-item .empy_space {
height: 48px;
}
.widget .gem-testimonial-text>.testimonials-style-1-teg,
.widget .gem-testimonial-text>.testimonials-style-2-teg {
margin-bottom: 0;
}
.testimonials-style-2-text.gem-testimonial-text {
padding-left: 20px;
padding-right: 20px;
border-radius: 59px;
}
.testimonials-style-1-text.gem-testimonial-text {
padding: 33px 20px;
}
.gem-widget-testimonials-prev-style-1.gem-prev:after,
.gem-widget-testimonials-next-style-1.gem-next:after,
.gem-widget-testimonials-prev-style-2.gem-prev:after,
.gem-widget-testimonials-next-style-2.gem-next:after {
font-family: thegem-icons;
height: 40px;
width: 40px;
line-height: 1.7;
margin: 0;
left: 0;
}
.widget .testimonials-style-1-name.gem-testimonial-name,
.widget .testimonials-style-2-name.gem-testimonial-name {}
.gem-widget-testimonials-prev-style-1.gem-prev:after,
.gem-widget-testimonials-next-style-1.gem-next:after {
top: 106px;
}
.gem-widget-testimonials-prev-style-2.gem-prev:after,
.gem-widget-testimonials-prev-style-1.gem-prev:after {
content: '\e637';
padding-left: 5px;
}
.gem-widget-testimonials-next-style-2.gem-next:after,
.gem-widget-testimonials-next-style-1.gem-next:after {
content: '\e638';
padding-right: 5px;
}
.gem-widget-testimonials-prev-style-2.gem-prev:after,
.gem-widget-testimonials-next-style-2.gem-next:after {
top: 42px;
}
.testimonials-style-2-item {
border-radius: 60px;
overflow: hidden;
}
.testimonials-style-2-item .gem-testimonial-text {
padding-top: 63px;
border-bottom-left-radius: 60px;
border-bottom-right-radius: 60px;
overflow: hidden;
}
.testimonials.testimonials-style-2,
.testimonials-carousel-style-2,
.testimonials-style-2-text.gem-testimonial-text .testimonials-style-2 {
border-radius: 60px !important;
overflow: hidden !important;
}
.testimonials-style-1-teg {
font-style: normal;
padding-bottom: 50px;
padding-top: 40px;
}
.testimonials-style-1-post.gem-testimonial-company {
margin-top: -3px;
}
.testimonials-style-1-item,
.testimonials-style-2-item {
vertical-align: top;
}
.testimonials-style-1-prev {
left: 17px;
top: 93px;
font-family: thegem-icons;
content: '\e601';
font-size: 20px;
position: absolute;
outline: none;
}
.testimonials-style-1-next {
right: 17px;
top: 93px;
font-family: thegem-icons;
content: '\e601';
font-size: 18px;
position: absolute;
outline: none;
}
.testimonials-style-1-teg {
font-size: 30px;
font-family: thegem-icons;
}
.testimonials-style-1-image img {
height: 128px;
width: 128px;
}
.testimonials-style-2-teg {
padding-top: 38px;
padding-bottom: 38px;
}
.testimonials-style-2-text {
font-style: inherit;
padding-left: 15px;
padding-right: 15px;
padding-top: 30px;
text-align: center;
padding-bottom: 20px;
}
.testimonials-style-2-name {
padding-top: 14px;
}
.testimonials-style-2 {
text-align: center;
position: relative;
}
.testimonials-style-2-bg {
padding-bottom: 47px;
text-align: center;
margin-top: -47px;
}
.triangle-with-shadow.trangle-style-2 {
margin-top: -1px;
}
.testimonials-style-2-image {
margin-top: 114px;
position: relative;
height: 128px;
}
.testimonials-style-2-item .gem-dummy {
margin-left: 64px;
}
.testimonials-style-2-item {
display: inline-block;
text-align: center;
}
.testimonials-style-2-prev {
left: 17px;
bottom: 180px;
font-family: thegem-icons;
content: '\e601';
font-size: 20px;
position: absolute;
outline: none;
}
.testimonials-style-2-next {
right: 17px;
bottom: 180px;
font-family: thegem-icons;
content: '\e601';
font-size: 18px;
position: absolute;
outline: none;
}
.testimonials-style-2-teg {
font-size: 60px;
font-family: thegem-icons;
font-style: normal;
}
.testimonials-style-2-text>p {
margin-bottom: 0px;
}
.testimonials-style-2-image img {
height: 128px;
width: 128px;
}
.gem-widget-testimonials-prev-style-1.gem-prev:after {
top: 106px;
font-size: 24px;
font-family: thegem-icons;
}
.gem-widget-testimonials-next-style-1.gem-next:after {
top: 106px;
font-size: 24px;
font-family: thegem-icons;
}
.gem-widget-testimonials-prev-style-2.gem-prev:after {
position: absolute;
font-size: 24px;
font-family: thegem-icons;
}
.gem-widget-testimonials-next-style-2.gem-next:after {
position: absolute;
font-size: 24px;
font-family: thegem-icons;
}
.triangle-with-shadow {
width: 100px;
height: 40px;
display: inline-block;
position: relative;
overflow: hidden;
}
.triangle-with-shadow:after {
content: "";
position: absolute;
width: 50px;
height: 50px;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
top: -25px;
left: 25px;
}
.testimonials-style-1-block {
margin-bottom: 10px;
text-align: center;
}
.testimonials-style-1-post {
padding-top: 3px;
}
.testimonials-style-2-post {
padding-top: 3px;
}
.gem-testimonials-carousel-wrap .testimonials-style-2-bg .testimonials-style-2-post a {
padding-top: 3px;
}
.testimonials-style-2-text {
position: relative;
}
.testimonials-style-1-block .gem-testimonials-carousel-wrap {
margin-bottom: -1px;
text-align: center;
}
.testimonials-style-2-bg {
padding-top: 3px;
}
.testimonials-style-2-item .gem-dummy {
height: 128px;
width: 128px;
}
.testimonials-style-1-item .gem-dummy {
height: 128px;
width: 128px;
}
.gem-testimonials.style1 svg {
display: none;
}
.testimonials-style-1-name.gem-testimonial-name,
.testimonials-style-2-name.gem-testimonial-name {
text-transform: uppercase;
letter-spacing: 0.05em;
font-size: 14px;
}
.testimonials-style-1-teg {
font-size: 58px;
}
body .thegem-widget-testimonial .testimonials-style-1-teg {
color: #a3e7f0;
}
.thegem-widget-testimonial .testimonials-style-2-teg {
color: #a3e7f0;
}
.gem-testimonial-item {
float: left;
width: 100%;
}
.gem-testimonials .gem-testimonials-carousel-wrap .quote-color-added.gem-testimonial-wrapper p:after,
.gem-testimonials .gem-testimonials-carousel-wrap .quote-color-added.gem-testimonial-wrapper:after {
display: none;
}
.gem-testimonials .gem-testimonials-carousel-wrap .quote-color-added.gem-testimonial-wrapper p {
display: inline;
}
.gem-testimonials.style1 .custom-color-blockqute-mark,
.gem-testimonials.style1 .gem-testimonial-wrapper:after {
content: '\e60c';
display: block;
font-family: 'thegem-icons';
text-align: center;
font-size: 60px;
height: 33px;
line-height: 33px;
padding-top: 40px;
vertical-align: top;
font-style: normal;
font-weight: normal;
}
.gem-testimonial-text {
font-size: 32px;
text-align: center;
padding: 14px 80px 0;
line-height: 1.2;
font-style: normal;
}
.gem-testimonial-text p {
margin: 0;
}
.gem-testimonial-image {
margin: 0 auto;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.gem-testimonial-image img {
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
width: 100%;
}
.gem-testimonial-image span {
display: inline-block;
vertical-align: top;
overflow: hidden;
width: 100%;
position: relative;
}
.gem-testimonial-image span::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
opacity: 0;
}
.gem-testimonial-image a:hover::before,
.gem-testimonial-image:hover span::before {
opacity: 1;
}
.gem-testimonial-name {
text-align: center;
text-transform: uppercase;
}
.gem-testimonial-position {
line-height: 1.421;
text-align: center;
}
.gem-testimonials-carousel-wrap {
position: relative;
overflow: hidden;
}
.gem-testimonial-wrapper {
padding-bottom: 35px;
}
.gem-testimonials.size-small .gem-testimonial-image {
width: 80px;
height: 80px;
}
.gem-testimonials.size-medium .gem-testimonial-image {
width: 128px;
height: 128px;
}
.gem-testimonials.size-large .gem-testimonial-image {
width: 160px;
height: 160px;
}
.gem-testimonials.size-xlarge .gem-testimonial-image {
width: 240px;
height: 240px;
}
.gem-testimonials.style1 .gem-testimonial-content div {
text-align: center;
}
.gem-testimonials.style1 .gem-testimonial-name {
padding-top: 35px;
}
.gem-testimonials.style2 .gem-testimonial-image {
float: left;
display: table-cell;
}
.gem-testimonials.style2 .gem-testimonial-content {
display: table-cell;
padding-left: 38px;
}
.gem-testimonials.style2 .gem-testimonial-content div {
text-align: left;
}
.gem-testimonials.style2 .gem-testimonial-text {
padding: 0;
margin-top: 14px;
}
.gem-testimonial-company,
.gem-testimonial-position {
font-size: 14px;
}
.gem-testimonial-content .gem-testimonial-name {
font-size: 14px;
margin: 0;
}
.style2.gem-testimonials {
border-radius: 55px;
}
.style2 .gem-testimonial-wrapper {
padding: 0px 90px;
}
.gem-testimonials.style2 .gem-testimonial-wrapper .custom-color-blockqute-mark,
.gem-testimonials.style2 .gem-testimonial-wrapper p:after {
content: '\e60c';
font-family: 'thegem-icons';
font-size: 60px;
height: 33px;
display: inline-block;
line-height: 33px;
padding-top: 30px;
vertical-align: top;
margin-left: 20px;
font-style: normal;
font-weight: normal;
}
@media (max-width: 768px) {
.style2 .gem-testimonial-wrapper {
padding: 0px 50px;
}
.gem-testimonials.style2 .gem-testimonial-wrapper .custom-color-blockqute-mark,
.gem-testimonials.style2 .gem-testimonial-wrapper p:after {
display: block;
}
}
.style1 .gem-testimonial-wrapper:after,
.style2 .gem-testimonial-wrapper p:after {
color: #a3e7f0;
}
.testimonials_svg {
bottom: -56px;
margin-left: 105px;
}
.gem-testimonials.fullwidth-block.style2 .testimonials_svg {
margin-left: 23%;
position: absolute;
bottom: -56px;
}
@media (min-width: 1900px) {
.gem-testimonials.fullwidth-block.style2 .testimonials_svg {
left: 50%;
margin-left: -450px;
}
}
.gem-testimonials.style2 {
position: relative;
}
.gem-testimonials.style2 .testimonials_svg {
margin-left: 105px;
position: absolute;
}
.style2.gem-testimonials {
margin-bottom: 60px;
}
.gem-testimonials.style2 .gem-testimonial-item {
float: left;
padding: 73px 0;
}
.gem-testimonials .gem-prev:after,
.gem-testimonials .gem-next:after {
position: absolute;
font-family: 'thegem-icons';
top: 50%;
margin-top: 0px;
left: 50%;
width: 40px;
transform: translate(-50%, -50%);
font-size: 24px;
height: 40px;
line-height: 40px;
text-align: center;
text-indent: 0;
font-weight: normal;
margin: 0;
}
.gem-testimonials .gem-prev:after,
.gem-testimonials .gem-next:after {
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
}
.gem-testimonials .gem-prev:hover:after,
.gem-testimonials .gem-next:hover:after {
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
}
.gem-testimonials .gem-prev,
.gem-testimonials .gem-next {
width: 40px;
}
.gem-testimonials-carousel {
overflow: hidden !important;
}
.style2.gem-testimonials.fullwidth-block {
background-color: transparent;
}
.style2.gem-testimonials.fullwidth-block .container {
border-radius: 55px;
}
.gem-testimonials.fullwidth-block .gem-prev,
.gem-testimonials.fullwidth-block .gem-next {
width: 80px;
}
.gem-testimonials.fullwidth-block .gem-prev:after,
.gem-testimonials.fullwidth-block .gem-next:after {
position: absolute;
font-family: 'thegem-icons';
top: 50%;
left: 50%;
width: 80px;
font-size: 48px;
height: 80px;
line-height: 80px;
text-align: center;
text-indent: 0;
font-weight: normal;
background-color: transparent;
transform: translate(-50%, -50%);
margin: 0;
}
.widget .testimonials-style-2 .gem-dummy,
.widget .testimonials-style-1 .gem-dummy {
background-image: url(//inshine.nl/wp-content/plugins/thegem-elements-elementor/inc/elementor/widgets/testimonials/assets/images/default-avatar.png);
background-size: 100%;
}
.widget .testimonials-style-2 .gem-dummy:after,
.widget .testimonials-style-1 .gem-dummy:after {
display: none;
}
@media (max-width: 768px) {
.gem-testimonial-text {
font-size: 23px;
padding: 30px 40px;
}
.gem-testimonial-wrapper {
padding: 20px;
padding-bottom: 50px;
}
.gem-testimonial-text {
padding: 14px 45px 0;
}
.gem-testimonials.style2 .gem-testimonial-image {
display: block;
float: none;
}
.gem-testimonials.style2 .gem-testimonial-content {
display: block;
padding-left: 0;
}
.gem-testimonial-name,
.gem-testimonial-company,
.gem-testimonial-text {
text-align: center;
}
.gem-testimonials.style2 .gem-testimonial-content div {
text-align: center;
}
.gem-testimonials.style2 .gem-testimonial-content {
padding-top: 40px;
}
.gem-testimonials.style2 .gem-testimonial-wrapper p:after {
width: 100%;
display: inline-block;
margin-left: 0px;
padding-bottom: 40px;
}
.gem-testimonials.fullwidth-block .gem-prev,
.gem-testimonials.fullwidth-block .gem-next {
width: 40px;
}
.style2.gem-testimonials.fullwidth-block {
padding: 0 20px;
}
.testimonials_svg {
text-align: center;
margin-left: 0;
}
.gem-testimonials.fullwidth-block .gem-prev:after,
.gem-testimonials.fullwidth-block .gem-next:after {
position: absolute;
font-family: 'thegem-icons';
top: 50%;
margin-top: 0px;
left: 50%;
width: 40px;
font-size: 24px;
height: 40px;
line-height: 40px;
text-align: center;
text-indent: 0;
font-weight: normal;
margin-top: -20px;
}
} #colophon.testimonials-style-2-text.gem-testimonial-text,
#colophon.testimonials-style-1-image,
#colophon.testimonials-style-1-text.gem-testimonial-text,
#colophon.testimonials-style-1-name,
#colophon.testimonials-style-1-post,
#colophon.testimonials-style-1-teg {
background-color: #2c2e3d;
}
.gem-widget-testimonials-prev-style-1.gem-prev:after,
.gem-widget-testimonials-next-style-1.gem-next:after,
.gem-widget-testimonials-prev-style-1.gem-prev:hover:after,
.gem-widget-testimonials-next-style-1.gem-next:hover:after,
.gem-widget-testimonials-prev-style-2.gem-prev:after,
.gem-widget-testimonials-next-style-2.gem-next:after,
.gem-widget-testimonials-prev-style-2.gem-prev:hover:after,
.gem-widget-testimonials-next-style-2.gem-next:hover:after {
-o-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#colophon .testimonials-style-2-item .wrap-style {
fill: #2c2e3d;
}
#colophon .testimonials-style-2-text.gem-testimonial-text {
background-color: #2c2e3d;
}
#colophon .gem-testimonial-text p {
color: #99A9B6;
}
#colophon .testimonials-style-2-item {
background-color: #181828;
}
#colophon .testimonials-style-1-image,
#colophon .testimonials-style-1-text.gem-testimonial-text,
#colophon .testimonials-style-1-name,
#colophon .testimonials-style-1-post,
#colophon .testimonials-style-1-teg {
background-color: #2c2e3d !important;
}
#colophon .testimonials-style-1-item .wrap-style {
fill: #2c2e3d;
}
#colophon .testimonials-style-1 .gem-prev:after,
#colophon .testimonials-style-1 .gem-next:after {
background-color: #181828;
color: #fff
}
#colophon .testimonials-style-1 a:hover:after,
#colophon .testimonials-style-1 a:hover:after {
color: #00bcd4
}
#colophon .testimonials-style-2 .gem-prev:after,
#colophon .testimonials-style-2 .gem-next:after {
background-color: #2c2e3d;
color: #fff
}
#colophon .testimonials-style-2 a:hover:after,
#colophon .testimonials-style-2 a:hover:after {
color: #00bcd4
}.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;
}