Service Centre – Irish Pensions and Finance

#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–small {
width: 204px;
height: 100%;
box-sizing: border-box;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 2px;
margin: 20px auto;
box-shadow: none;
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
background: #FFFFFF;
}
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–small .team-card__image–filled {
margin: 0;
border-radius: 0;
overflow: hidden;
height: 204px;
width: 204px;
}
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–small .team-card__image–filled img {
width: auto;
height: auto;
}
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–small .team-card__image–filled div.wsite-image,
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–small .team-card__image–filled a {
height: 204px;
width: 204px;
display: block;
}
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–small .team-card__image–filled a {
cursor: pointer;
}
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–small .team-card__image–round {
border-radius: 102px;
height: 164px;
width: 164px;
overflow: hidden;
margin: 20px 20px 0;
}
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–small .team-card__image–round img {
width: auto;
height: auto;
}
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–small .team-card__image–round div.wsite-image,
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–small .team-card__image–round a {
border-radius: 102px;
height: 164px;
width: 164px;
display: block;
}
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–small .team-card__image–round a {
cursor: pointer;
}
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–small .team-card__content {
padding: 20px 0 10px;
margin: 0 20px;
text-align: center !important;
}
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–small .team-card__content .name {
font-weight: bold;
font-size: 1.1rem;
color: #4b5155;
padding: 5px 0;
}
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–small .team-card__content .title {
font-size: 0.9rem;
color: rgba(75,81,85,0.6);
text-transform: uppercase;
padding: 5px 0;
}
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–small .team-card__extras {
text-align: center !important;
}
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–small .team-card__extras .text {
color: rgba(75,81,85,0.6);
font-size: 0.9rem;
line-height: 1rem;
margin: 0 20px 20px;
}
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–small:hover {
border: 1px solid rgba(0,0,0,0.2);
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
}
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–small .paragraph {
margin: 0 !important;
line-height: inherit;
}
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–small .wsite-initial-image .element-box {
box-shadow: none !important;
}
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–small .wsite-image {
padding: 0px !important;
}
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–small .pic .inside,
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–small .pic .element-box,
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–small .pic .element-box-contents,
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–small .pic .element,
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–small .pic .wsite-image,
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–small .pic .ui-wrapper,
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–small .pic a {
height: 204px !important;
width: 100% !important;
}
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–small .pic .platform-element-child,
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–small .pic .wsite-image {
margin: 0 !important;
}
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–large {
width: 280px;
height: 100%;
box-sizing: border-box;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 2px;
margin: 20px auto;
box-shadow: none;
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
background: #FFFFFF;
}
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–large .team-card__image–filled {
margin: 0;
border-radius: 0;
overflow: hidden;
height: 280px;
width: 280px;
}
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–large .team-card__image–filled img {
width: auto;
height: auto;
}
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–large .team-card__image–filled div.wsite-image,
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–large .team-card__image–filled a {
height: 280px;
width: 280px;
display: block;
}
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–large .team-card__image–filled a {
cursor: pointer;
}
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–large .team-card__image–round {
border-radius: 140px;
height: 240px;
width: 240px;
overflow: hidden;
margin: 20px 20px 0;
}
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–large .team-card__image–round img {
width: auto;
height: auto;
}
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–large .team-card__image–round div.wsite-image,
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–large .team-card__image–round a {
border-radius: 140px;
height: 240px;
width: 240px;
display: block;
}
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–large .team-card__image–round a {
cursor: pointer;
}
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–large .team-card__content {
padding: 20px 0 10px;
margin: 0 20px;
text-align: center !important;
}
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–large .team-card__content .name {
font-weight: bold;
font-size: 1.1rem;
color: #4b5155;
padding: 5px 0;
}
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–large .team-card__content .title {
font-size: 0.9rem;
color: rgba(75,81,85,0.6);
text-transform: uppercase;
padding: 5px 0;
}
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–large .team-card__extras {
text-align: center !important;
}
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–large .team-card__extras .text {
color: rgba(75,81,85,0.6);
font-size: 0.9rem;
line-height: 1rem;
margin: 0 20px 20px;
}
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–large:hover {
border: 1px solid rgba(0,0,0,0.2);
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
}
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–large .paragraph {
margin: 0 !important;
line-height: inherit;
}
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–large .wsite-initial-image .element-box {
box-shadow: none !important;
}
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–large .wsite-image {
padding: 0px !important;
}
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–large .pic .inside,
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–large .pic .element-box,
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–large .pic .element-box-contents,
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–large .pic .element,
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–large .pic .wsite-image,
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–large .pic .ui-wrapper,
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–large .pic a {
height: 280px !important;
width: 100% !important;
}
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–large .pic .platform-element-child,
#element-b037e54e-6473-45bf-9a1e-a824b839de30 .team-card–large .pic .wsite-image {
margin: 0 !important;
}

function setupElement167588009971041026() {
var requireFunc = window.platformElementRequire || window.require;

// Relies on a global require, specific to platform elements
requireFunc([
‘w-global’,
‘underscore’,
‘jquery’,
‘backbone’,
‘util/platform/elements/PlatformElement’,
‘util/platform/elements/PlatformElementSettings’
], function(
_W,
_,
$,
Backbone,
PlatformElement,
PlatformElementSettings
) {
var dependencies = null || [];
var platform_element_id = “580202859168721269-1.3.6”;

if (typeof _W.loadedPlatformDependencies === ‘undefined’) {
_W.loadedPlatformDependencies = [];
}

if (typeof _W.platformElements === ‘undefined’) {
_W.platformElements = [];
}

if (typeof _W.platformElements[platform_element_id] === ‘undefined’) {
_W.platformElements[platform_element_id] = {};
_W.platformElements[platform_element_id].deferredObject = new $.Deferred();
_W.platformElements[platform_element_id].deferredPromise = _W.platformElements[platform_element_id].deferredObject.promise();
}

if(_.intersection(_W.loadedPlatformDependencies, dependencies).length !== dependencies.length){
_.reduce(dependencies, function(promise, nextScript){
_W.loadedPlatformDependencies.push(nextScript);
return promise.then(function(){
return $.getScript(nextScript);
});
}, $().promise()).then(function(){
_W.platformElements[platform_element_id].deferredObject.resolve();
});
}

if (dependencies.length === 0){
_W.platformElements[platform_element_id].deferredObject.resolve();
}

_W.platformElements[platform_element_id].deferredPromise.done(function(){
var _ElementDefinition = /**
* This is required for element rendering to be possible
* @type {PlatformElement}
*/
(function() {
var TeamCard = PlatformElement.extend({
initialize: function() {
this.fixStyles();
this.updateImage();
this.$(‘.wsite-image img’).bind(“load”, this.updateImage.bind(this));
},

/**
* Lots of styles are applied by default to editable areas of
* the editor. To make the element looks how you want, some styles
* need to be overwritten.
*
* Classes that are used are:
* – .editable-text
* – .paragraph
* – .ui-wrapper
* – .wsite-image
* – .wsite-*
* – (etc…)
*/
fixStyles: function() {
var w = this.$el.find(‘.team-card__image–round’).width();
var h = w;

this.$el.find(‘.editable-text’).each(function(index) {
$(this).attr(‘style’, ”);
});

this.$el.find(‘.element’).each(function(index) {
$(this).attr(‘style’, ”);
});

this.$el.find(‘img’).css({
display: ”,
width: ”,
height: ”
});
},

// updates the image and transforms it depending on what needs to happen to it.
// if it’s the default placeholder, we translate it so it’s center in the image area
// if it’s an uploaded image that’s too small, we resize it so it’ll fit.
updateImage: function() {
var $img = this.$(‘div.wsite-image img’);
var $imgContainer = this.$(‘.team-card__image–‘ + this.settings.get(‘image_display’));
var isInitialImage = !!this.$(‘div.wsite-initial-image img’).length;

// if there’s no image to be found, stop executing.
if ($img.length === 0) {
return;
}

// reset the size of the image
$img.css({
‘transform’: ‘none’,
‘height’: ‘auto’,
‘width’: ‘auto’
});

// grab sizes of the container and the image
var imageSize = {
height: $img.height(),
width: $img.width()
}
var containerSize = {
height: $imgContainer.height(),
width: $imgContainer.width()
}

// if any of these are zero, stop executing.
// if it’s zero because the initial image hasn’t loaded yet,
// then bind a recall to when it finishes.
if (!imageSize.height || !imageSize.width || !containerSize.height || !containerSize.width) {
return;
}

// determine whether he have an initial image or not
if (isInitialImage) {
// if we do, we need to move it to fit.
var dx = (containerSize.width – imageSize.width) / 2;
var dy = (containerSize.height – imageSize.height) / 2;
$img.css({
‘transform’: ‘translate(‘ + dx + ‘px,’ + dy + ‘px)’
});
} else {
// otherwise, if the image is smaller than the container, scale it up to fit.
var scale = 1;
// depending on if which way we scale more, our origin will change
var origin = ‘left top’
if (imageSize.height < containerSize.height) {
scale = containerSize.height / imageSize.height;
origin = 'center top';
}
if (imageSize.width oldScale) {
origin = ‘left top’;
}
}
$img.css({
‘transform-origin’: origin,
‘transform’: ‘scale(‘ + scale + ‘, ‘ + scale + ‘)’
});
$img.css({
‘height’: $img.height() + ‘px’,
‘width’: $img.width() + ‘px’
});
}
}
});

return TeamCard;
})();;

if (typeof _ElementDefinition == ‘undefined’ || typeof _ElementDefinition == ‘null’) {
var _ElementDefinition = PlatformElement.extend({});
}

var _Element = _ElementDefinition.extend({
initialize: function() {
// we still want to call the initialize function defined by the developer
// however, we don’t want to call it until placeholders have been replaced
this.placeholderInterval = setInterval(function() {
// so use setInterval to check for placeholders.
if (this.$(‘.platform-element-child-placeholder’).length == 0) {
clearInterval(this.placeholderInterval);
this.constructor.__super__.initialize.apply(this);
}
}.bind(this), 100);
}
});

_Element.prototype.settings = new PlatformElementSettings({“style”:”large”,”image_display”:”round”,”title”:false,”about”:false,”button”:false});
_Element.prototype.settings.page_element_id = “167588009971041026”;

_Element.prototype.element_id = “b037e54e-6473-45bf-9a1e-a824b839de30”;
_Element.prototype.user_id = “40859893”;
_Element.prototype.site_id = “748682923609045137”;
_Element.prototype.assets_path = “//marketplace.editmysite.com/uploads/b/marketplace-elements-580202859168721269-1.3.6/assets/”;
new _Element({
el: ‘#element-b037e54e-6473-45bf-9a1e-a824b839de30’
});
});
});

}

if (typeof document.documentElement.appReady == ‘undefined’) {
document.documentElement.appReady = 0;
}

if (document.documentElement.appReady || (window.inEditor && window.inEditor())) {
setupElement167588009971041026();
} else if (document.createEvent && document.addEventListener) {
document.addEventListener(‘appReady’, setupElement167588009971041026, false);
} else {
document.documentElement.attachEvent(‘onpropertychange’, function(event){
if (event.propertyName == ‘appReady’) {
setupElement167588009971041026();
}
});
}

#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–small {
width: 204px;
height: 100%;
box-sizing: border-box;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 2px;
margin: 20px auto;
box-shadow: none;
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
background: #FFFFFF;
}
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–small .team-card__image–filled {
margin: 0;
border-radius: 0;
overflow: hidden;
height: 204px;
width: 204px;
}
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–small .team-card__image–filled img {
width: auto;
height: auto;
}
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–small .team-card__image–filled div.wsite-image,
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–small .team-card__image–filled a {
height: 204px;
width: 204px;
display: block;
}
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–small .team-card__image–filled a {
cursor: pointer;
}
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–small .team-card__image–round {
border-radius: 102px;
height: 164px;
width: 164px;
overflow: hidden;
margin: 20px 20px 0;
}
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–small .team-card__image–round img {
width: auto;
height: auto;
}
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–small .team-card__image–round div.wsite-image,
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–small .team-card__image–round a {
border-radius: 102px;
height: 164px;
width: 164px;
display: block;
}
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–small .team-card__image–round a {
cursor: pointer;
}
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–small .team-card__content {
padding: 20px 0 10px;
margin: 0 20px;
text-align: center !important;
}
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–small .team-card__content .name {
font-weight: bold;
font-size: 1.1rem;
color: #4b5155;
padding: 5px 0;
}
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–small .team-card__content .title {
font-size: 0.9rem;
color: rgba(75,81,85,0.6);
text-transform: uppercase;
padding: 5px 0;
}
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–small .team-card__extras {
text-align: center !important;
}
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–small .team-card__extras .text {
color: rgba(75,81,85,0.6);
font-size: 0.9rem;
line-height: 1rem;
margin: 0 20px 20px;
}
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–small:hover {
border: 1px solid rgba(0,0,0,0.2);
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
}
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–small .paragraph {
margin: 0 !important;
line-height: inherit;
}
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–small .wsite-initial-image .element-box {
box-shadow: none !important;
}
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–small .wsite-image {
padding: 0px !important;
}
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–small .pic .inside,
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–small .pic .element-box,
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–small .pic .element-box-contents,
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–small .pic .element,
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–small .pic .wsite-image,
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–small .pic .ui-wrapper,
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–small .pic a {
height: 204px !important;
width: 100% !important;
}
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–small .pic .platform-element-child,
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–small .pic .wsite-image {
margin: 0 !important;
}
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–large {
width: 280px;
height: 100%;
box-sizing: border-box;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 2px;
margin: 20px auto;
box-shadow: none;
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
background: #FFFFFF;
}
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–large .team-card__image–filled {
margin: 0;
border-radius: 0;
overflow: hidden;
height: 280px;
width: 280px;
}
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–large .team-card__image–filled img {
width: auto;
height: auto;
}
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–large .team-card__image–filled div.wsite-image,
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–large .team-card__image–filled a {
height: 280px;
width: 280px;
display: block;
}
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–large .team-card__image–filled a {
cursor: pointer;
}
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–large .team-card__image–round {
border-radius: 140px;
height: 240px;
width: 240px;
overflow: hidden;
margin: 20px 20px 0;
}
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–large .team-card__image–round img {
width: auto;
height: auto;
}
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–large .team-card__image–round div.wsite-image,
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–large .team-card__image–round a {
border-radius: 140px;
height: 240px;
width: 240px;
display: block;
}
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–large .team-card__image–round a {
cursor: pointer;
}
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–large .team-card__content {
padding: 20px 0 10px;
margin: 0 20px;
text-align: center !important;
}
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–large .team-card__content .name {
font-weight: bold;
font-size: 1.1rem;
color: #4b5155;
padding: 5px 0;
}
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–large .team-card__content .title {
font-size: 0.9rem;
color: rgba(75,81,85,0.6);
text-transform: uppercase;
padding: 5px 0;
}
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–large .team-card__extras {
text-align: center !important;
}
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–large .team-card__extras .text {
color: rgba(75,81,85,0.6);
font-size: 0.9rem;
line-height: 1rem;
margin: 0 20px 20px;
}
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–large:hover {
border: 1px solid rgba(0,0,0,0.2);
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
}
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–large .paragraph {
margin: 0 !important;
line-height: inherit;
}
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–large .wsite-initial-image .element-box {
box-shadow: none !important;
}
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–large .wsite-image {
padding: 0px !important;
}
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–large .pic .inside,
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–large .pic .element-box,
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–large .pic .element-box-contents,
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–large .pic .element,
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–large .pic .wsite-image,
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–large .pic .ui-wrapper,
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–large .pic a {
height: 280px !important;
width: 100% !important;
}
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–large .pic .platform-element-child,
#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e .team-card–large .pic .wsite-image {
margin: 0 !important;
}

function setupElement969822721167873665() {
var requireFunc = window.platformElementRequire || window.require;

// Relies on a global require, specific to platform elements
requireFunc([
‘w-global’,
‘underscore’,
‘jquery’,
‘backbone’,
‘util/platform/elements/PlatformElement’,
‘util/platform/elements/PlatformElementSettings’
], function(
_W,
_,
$,
Backbone,
PlatformElement,
PlatformElementSettings
) {
var dependencies = null || [];
var platform_element_id = “580202859168721269-1.3.6”;

if (typeof _W.loadedPlatformDependencies === ‘undefined’) {
_W.loadedPlatformDependencies = [];
}

if (typeof _W.platformElements === ‘undefined’) {
_W.platformElements = [];
}

if (typeof _W.platformElements[platform_element_id] === ‘undefined’) {
_W.platformElements[platform_element_id] = {};
_W.platformElements[platform_element_id].deferredObject = new $.Deferred();
_W.platformElements[platform_element_id].deferredPromise = _W.platformElements[platform_element_id].deferredObject.promise();
}

if(_.intersection(_W.loadedPlatformDependencies, dependencies).length !== dependencies.length){
_.reduce(dependencies, function(promise, nextScript){
_W.loadedPlatformDependencies.push(nextScript);
return promise.then(function(){
return $.getScript(nextScript);
});
}, $().promise()).then(function(){
_W.platformElements[platform_element_id].deferredObject.resolve();
});
}

if (dependencies.length === 0){
_W.platformElements[platform_element_id].deferredObject.resolve();
}

_W.platformElements[platform_element_id].deferredPromise.done(function(){
var _ElementDefinition = /**
* This is required for element rendering to be possible
* @type {PlatformElement}
*/
(function() {
var TeamCard = PlatformElement.extend({
initialize: function() {
this.fixStyles();
this.updateImage();
this.$(‘.wsite-image img’).bind(“load”, this.updateImage.bind(this));
},

/**
* Lots of styles are applied by default to editable areas of
* the editor. To make the element looks how you want, some styles
* need to be overwritten.
*
* Classes that are used are:
* – .editable-text
* – .paragraph
* – .ui-wrapper
* – .wsite-image
* – .wsite-*
* – (etc…)
*/
fixStyles: function() {
var w = this.$el.find(‘.team-card__image–round’).width();
var h = w;

this.$el.find(‘.editable-text’).each(function(index) {
$(this).attr(‘style’, ”);
});

this.$el.find(‘.element’).each(function(index) {
$(this).attr(‘style’, ”);
});

this.$el.find(‘img’).css({
display: ”,
width: ”,
height: ”
});
},

// updates the image and transforms it depending on what needs to happen to it.
// if it’s the default placeholder, we translate it so it’s center in the image area
// if it’s an uploaded image that’s too small, we resize it so it’ll fit.
updateImage: function() {
var $img = this.$(‘div.wsite-image img’);
var $imgContainer = this.$(‘.team-card__image–‘ + this.settings.get(‘image_display’));
var isInitialImage = !!this.$(‘div.wsite-initial-image img’).length;

// if there’s no image to be found, stop executing.
if ($img.length === 0) {
return;
}

// reset the size of the image
$img.css({
‘transform’: ‘none’,
‘height’: ‘auto’,
‘width’: ‘auto’
});

// grab sizes of the container and the image
var imageSize = {
height: $img.height(),
width: $img.width()
}
var containerSize = {
height: $imgContainer.height(),
width: $imgContainer.width()
}

// if any of these are zero, stop executing.
// if it’s zero because the initial image hasn’t loaded yet,
// then bind a recall to when it finishes.
if (!imageSize.height || !imageSize.width || !containerSize.height || !containerSize.width) {
return;
}

// determine whether he have an initial image or not
if (isInitialImage) {
// if we do, we need to move it to fit.
var dx = (containerSize.width – imageSize.width) / 2;
var dy = (containerSize.height – imageSize.height) / 2;
$img.css({
‘transform’: ‘translate(‘ + dx + ‘px,’ + dy + ‘px)’
});
} else {
// otherwise, if the image is smaller than the container, scale it up to fit.
var scale = 1;
// depending on if which way we scale more, our origin will change
var origin = ‘left top’
if (imageSize.height < containerSize.height) {
scale = containerSize.height / imageSize.height;
origin = 'center top';
}
if (imageSize.width oldScale) {
origin = ‘left top’;
}
}
$img.css({
‘transform-origin’: origin,
‘transform’: ‘scale(‘ + scale + ‘, ‘ + scale + ‘)’
});
$img.css({
‘height’: $img.height() + ‘px’,
‘width’: $img.width() + ‘px’
});
}
}
});

return TeamCard;
})();;

if (typeof _ElementDefinition == ‘undefined’ || typeof _ElementDefinition == ‘null’) {
var _ElementDefinition = PlatformElement.extend({});
}

var _Element = _ElementDefinition.extend({
initialize: function() {
// we still want to call the initialize function defined by the developer
// however, we don’t want to call it until placeholders have been replaced
this.placeholderInterval = setInterval(function() {
// so use setInterval to check for placeholders.
if (this.$(‘.platform-element-child-placeholder’).length == 0) {
clearInterval(this.placeholderInterval);
this.constructor.__super__.initialize.apply(this);
}
}.bind(this), 100);
}
});

_Element.prototype.settings = new PlatformElementSettings({“style”:”large”,”image_display”:”round”,”title”:false,”about”:false,”button”:false});
_Element.prototype.settings.page_element_id = “969822721167873665”;

_Element.prototype.element_id = “120cf1f2-662f-4dfd-a7f4-2126f51c8b5e”;
_Element.prototype.user_id = “40859893”;
_Element.prototype.site_id = “748682923609045137”;
_Element.prototype.assets_path = “//marketplace.editmysite.com/uploads/b/marketplace-elements-580202859168721269-1.3.6/assets/”;
new _Element({
el: ‘#element-120cf1f2-662f-4dfd-a7f4-2126f51c8b5e’
});
});
});

}

if (typeof document.documentElement.appReady == ‘undefined’) {
document.documentElement.appReady = 0;
}

if (document.documentElement.appReady || (window.inEditor && window.inEditor())) {
setupElement969822721167873665();
} else if (document.createEvent && document.addEventListener) {
document.addEventListener(‘appReady’, setupElement969822721167873665, false);
} else {
document.documentElement.attachEvent(‘onpropertychange’, function(event){
if (event.propertyName == ‘appReady’) {
setupElement969822721167873665();
}
});
}

#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–small {
width: 204px;
height: 100%;
box-sizing: border-box;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 2px;
margin: 20px auto;
box-shadow: none;
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
background: #FFFFFF;
}
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–small .team-card__image–filled {
margin: 0;
border-radius: 0;
overflow: hidden;
height: 204px;
width: 204px;
}
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–small .team-card__image–filled img {
width: auto;
height: auto;
}
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–small .team-card__image–filled div.wsite-image,
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–small .team-card__image–filled a {
height: 204px;
width: 204px;
display: block;
}
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–small .team-card__image–filled a {
cursor: pointer;
}
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–small .team-card__image–round {
border-radius: 102px;
height: 164px;
width: 164px;
overflow: hidden;
margin: 20px 20px 0;
}
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–small .team-card__image–round img {
width: auto;
height: auto;
}
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–small .team-card__image–round div.wsite-image,
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–small .team-card__image–round a {
border-radius: 102px;
height: 164px;
width: 164px;
display: block;
}
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–small .team-card__image–round a {
cursor: pointer;
}
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–small .team-card__content {
padding: 20px 0 10px;
margin: 0 20px;
text-align: center !important;
}
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–small .team-card__content .name {
font-weight: bold;
font-size: 1.1rem;
color: #4b5155;
padding: 5px 0;
}
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–small .team-card__content .title {
font-size: 0.9rem;
color: rgba(75,81,85,0.6);
text-transform: uppercase;
padding: 5px 0;
}
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–small .team-card__extras {
text-align: center !important;
}
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–small .team-card__extras .text {
color: rgba(75,81,85,0.6);
font-size: 0.9rem;
line-height: 1rem;
margin: 0 20px 20px;
}
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–small:hover {
border: 1px solid rgba(0,0,0,0.2);
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
}
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–small .paragraph {
margin: 0 !important;
line-height: inherit;
}
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–small .wsite-initial-image .element-box {
box-shadow: none !important;
}
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–small .wsite-image {
padding: 0px !important;
}
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–small .pic .inside,
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–small .pic .element-box,
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–small .pic .element-box-contents,
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–small .pic .element,
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–small .pic .wsite-image,
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–small .pic .ui-wrapper,
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–small .pic a {
height: 204px !important;
width: 100% !important;
}
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–small .pic .platform-element-child,
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–small .pic .wsite-image {
margin: 0 !important;
}
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–large {
width: 280px;
height: 100%;
box-sizing: border-box;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 2px;
margin: 20px auto;
box-shadow: none;
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
background: #FFFFFF;
}
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–large .team-card__image–filled {
margin: 0;
border-radius: 0;
overflow: hidden;
height: 280px;
width: 280px;
}
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–large .team-card__image–filled img {
width: auto;
height: auto;
}
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–large .team-card__image–filled div.wsite-image,
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–large .team-card__image–filled a {
height: 280px;
width: 280px;
display: block;
}
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–large .team-card__image–filled a {
cursor: pointer;
}
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–large .team-card__image–round {
border-radius: 140px;
height: 240px;
width: 240px;
overflow: hidden;
margin: 20px 20px 0;
}
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–large .team-card__image–round img {
width: auto;
height: auto;
}
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–large .team-card__image–round div.wsite-image,
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–large .team-card__image–round a {
border-radius: 140px;
height: 240px;
width: 240px;
display: block;
}
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–large .team-card__image–round a {
cursor: pointer;
}
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–large .team-card__content {
padding: 20px 0 10px;
margin: 0 20px;
text-align: center !important;
}
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–large .team-card__content .name {
font-weight: bold;
font-size: 1.1rem;
color: #4b5155;
padding: 5px 0;
}
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–large .team-card__content .title {
font-size: 0.9rem;
color: rgba(75,81,85,0.6);
text-transform: uppercase;
padding: 5px 0;
}
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–large .team-card__extras {
text-align: center !important;
}
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–large .team-card__extras .text {
color: rgba(75,81,85,0.6);
font-size: 0.9rem;
line-height: 1rem;
margin: 0 20px 20px;
}
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–large:hover {
border: 1px solid rgba(0,0,0,0.2);
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
}
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–large .paragraph {
margin: 0 !important;
line-height: inherit;
}
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–large .wsite-initial-image .element-box {
box-shadow: none !important;
}
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–large .wsite-image {
padding: 0px !important;
}
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–large .pic .inside,
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–large .pic .element-box,
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–large .pic .element-box-contents,
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–large .pic .element,
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–large .pic .wsite-image,
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–large .pic .ui-wrapper,
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–large .pic a {
height: 280px !important;
width: 100% !important;
}
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–large .pic .platform-element-child,
#element-ee467b33-65a1-48c8-881b-e146016a35b3 .team-card–large .pic .wsite-image {
margin: 0 !important;
}

function setupElement642887815104982457() {
var requireFunc = window.platformElementRequire || window.require;

// Relies on a global require, specific to platform elements
requireFunc([
‘w-global’,
‘underscore’,
‘jquery’,
‘backbone’,
‘util/platform/elements/PlatformElement’,
‘util/platform/elements/PlatformElementSettings’
], function(
_W,
_,
$,
Backbone,
PlatformElement,
PlatformElementSettings
) {
var dependencies = null || [];
var platform_element_id = “580202859168721269-1.3.6”;

if (typeof _W.loadedPlatformDependencies === ‘undefined’) {
_W.loadedPlatformDependencies = [];
}

if (typeof _W.platformElements === ‘undefined’) {
_W.platformElements = [];
}

if (typeof _W.platformElements[platform_element_id] === ‘undefined’) {
_W.platformElements[platform_element_id] = {};
_W.platformElements[platform_element_id].deferredObject = new $.Deferred();
_W.platformElements[platform_element_id].deferredPromise = _W.platformElements[platform_element_id].deferredObject.promise();
}

if(_.intersection(_W.loadedPlatformDependencies, dependencies).length !== dependencies.length){
_.reduce(dependencies, function(promise, nextScript){
_W.loadedPlatformDependencies.push(nextScript);
return promise.then(function(){
return $.getScript(nextScript);
});
}, $().promise()).then(function(){
_W.platformElements[platform_element_id].deferredObject.resolve();
});
}

if (dependencies.length === 0){
_W.platformElements[platform_element_id].deferredObject.resolve();
}

_W.platformElements[platform_element_id].deferredPromise.done(function(){
var _ElementDefinition = /**
* This is required for element rendering to be possible
* @type {PlatformElement}
*/
(function() {
var TeamCard = PlatformElement.extend({
initialize: function() {
this.fixStyles();
this.updateImage();
this.$(‘.wsite-image img’).bind(“load”, this.updateImage.bind(this));
},

/**
* Lots of styles are applied by default to editable areas of
* the editor. To make the element looks how you want, some styles
* need to be overwritten.
*
* Classes that are used are:
* – .editable-text
* – .paragraph
* – .ui-wrapper
* – .wsite-image
* – .wsite-*
* – (etc…)
*/
fixStyles: function() {
var w = this.$el.find(‘.team-card__image–round’).width();
var h = w;

this.$el.find(‘.editable-text’).each(function(index) {
$(this).attr(‘style’, ”);
});

this.$el.find(‘.element’).each(function(index) {
$(this).attr(‘style’, ”);
});

this.$el.find(‘img’).css({
display: ”,
width: ”,
height: ”
});
},

// updates the image and transforms it depending on what needs to happen to it.
// if it’s the default placeholder, we translate it so it’s center in the image area
// if it’s an uploaded image that’s too small, we resize it so it’ll fit.
updateImage: function() {
var $img = this.$(‘div.wsite-image img’);
var $imgContainer = this.$(‘.team-card__image–‘ + this.settings.get(‘image_display’));
var isInitialImage = !!this.$(‘div.wsite-initial-image img’).length;

// if there’s no image to be found, stop executing.
if ($img.length === 0) {
return;
}

// reset the size of the image
$img.css({
‘transform’: ‘none’,
‘height’: ‘auto’,
‘width’: ‘auto’
});

// grab sizes of the container and the image
var imageSize = {
height: $img.height(),
width: $img.width()
}
var containerSize = {
height: $imgContainer.height(),
width: $imgContainer.width()
}

// if any of these are zero, stop executing.
// if it’s zero because the initial image hasn’t loaded yet,
// then bind a recall to when it finishes.
if (!imageSize.height || !imageSize.width || !containerSize.height || !containerSize.width) {
return;
}

// determine whether he have an initial image or not
if (isInitialImage) {
// if we do, we need to move it to fit.
var dx = (containerSize.width – imageSize.width) / 2;
var dy = (containerSize.height – imageSize.height) / 2;
$img.css({
‘transform’: ‘translate(‘ + dx + ‘px,’ + dy + ‘px)’
});
} else {
// otherwise, if the image is smaller than the container, scale it up to fit.
var scale = 1;
// depending on if which way we scale more, our origin will change
var origin = ‘left top’
if (imageSize.height < containerSize.height) {
scale = containerSize.height / imageSize.height;
origin = 'center top';
}
if (imageSize.width oldScale) {
origin = ‘left top’;
}
}
$img.css({
‘transform-origin’: origin,
‘transform’: ‘scale(‘ + scale + ‘, ‘ + scale + ‘)’
});
$img.css({
‘height’: $img.height() + ‘px’,
‘width’: $img.width() + ‘px’
});
}
}
});

return TeamCard;
})();;

if (typeof _ElementDefinition == ‘undefined’ || typeof _ElementDefinition == ‘null’) {
var _ElementDefinition = PlatformElement.extend({});
}

var _Element = _ElementDefinition.extend({
initialize: function() {
// we still want to call the initialize function defined by the developer
// however, we don’t want to call it until placeholders have been replaced
this.placeholderInterval = setInterval(function() {
// so use setInterval to check for placeholders.
if (this.$(‘.platform-element-child-placeholder’).length == 0) {
clearInterval(this.placeholderInterval);
this.constructor.__super__.initialize.apply(this);
}
}.bind(this), 100);
}
});

_Element.prototype.settings = new PlatformElementSettings({“style”:”large”,”image_display”:”round”,”title”:false,”about”:false,”button”:false});
_Element.prototype.settings.page_element_id = “642887815104982457”;

_Element.prototype.element_id = “ee467b33-65a1-48c8-881b-e146016a35b3”;
_Element.prototype.user_id = “40859893”;
_Element.prototype.site_id = “748682923609045137”;
_Element.prototype.assets_path = “//marketplace.editmysite.com/uploads/b/marketplace-elements-580202859168721269-1.3.6/assets/”;
new _Element({
el: ‘#element-ee467b33-65a1-48c8-881b-e146016a35b3’
});
});
});

}

if (typeof document.documentElement.appReady == ‘undefined’) {
document.documentElement.appReady = 0;
}

if (document.documentElement.appReady || (window.inEditor && window.inEditor())) {
setupElement642887815104982457();
} else if (document.createEvent && document.addEventListener) {
document.addEventListener(‘appReady’, setupElement642887815104982457, false);
} else {
document.documentElement.attachEvent(‘onpropertychange’, function(event){
if (event.propertyName == ‘appReady’) {
setupElement642887815104982457();
}
});
}

#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–small {
width: 204px;
height: 100%;
box-sizing: border-box;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 2px;
margin: 20px auto;
box-shadow: none;
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
background: #FFFFFF;
}
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–small .team-card__image–filled {
margin: 0;
border-radius: 0;
overflow: hidden;
height: 204px;
width: 204px;
}
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–small .team-card__image–filled img {
width: auto;
height: auto;
}
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–small .team-card__image–filled div.wsite-image,
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–small .team-card__image–filled a {
height: 204px;
width: 204px;
display: block;
}
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–small .team-card__image–filled a {
cursor: pointer;
}
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–small .team-card__image–round {
border-radius: 102px;
height: 164px;
width: 164px;
overflow: hidden;
margin: 20px 20px 0;
}
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–small .team-card__image–round img {
width: auto;
height: auto;
}
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–small .team-card__image–round div.wsite-image,
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–small .team-card__image–round a {
border-radius: 102px;
height: 164px;
width: 164px;
display: block;
}
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–small .team-card__image–round a {
cursor: pointer;
}
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–small .team-card__content {
padding: 20px 0 10px;
margin: 0 20px;
text-align: center !important;
}
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–small .team-card__content .name {
font-weight: bold;
font-size: 1.1rem;
color: #4b5155;
padding: 5px 0;
}
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–small .team-card__content .title {
font-size: 0.9rem;
color: rgba(75,81,85,0.6);
text-transform: uppercase;
padding: 5px 0;
}
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–small .team-card__extras {
text-align: center !important;
}
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–small .team-card__extras .text {
color: rgba(75,81,85,0.6);
font-size: 0.9rem;
line-height: 1rem;
margin: 0 20px 20px;
}
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–small:hover {
border: 1px solid rgba(0,0,0,0.2);
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
}
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–small .paragraph {
margin: 0 !important;
line-height: inherit;
}
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–small .wsite-initial-image .element-box {
box-shadow: none !important;
}
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–small .wsite-image {
padding: 0px !important;
}
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–small .pic .inside,
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–small .pic .element-box,
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–small .pic .element-box-contents,
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–small .pic .element,
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–small .pic .wsite-image,
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–small .pic .ui-wrapper,
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–small .pic a {
height: 204px !important;
width: 100% !important;
}
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–small .pic .platform-element-child,
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–small .pic .wsite-image {
margin: 0 !important;
}
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–large {
width: 280px;
height: 100%;
box-sizing: border-box;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 2px;
margin: 20px auto;
box-shadow: none;
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
background: #FFFFFF;
}
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–large .team-card__image–filled {
margin: 0;
border-radius: 0;
overflow: hidden;
height: 280px;
width: 280px;
}
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–large .team-card__image–filled img {
width: auto;
height: auto;
}
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–large .team-card__image–filled div.wsite-image,
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–large .team-card__image–filled a {
height: 280px;
width: 280px;
display: block;
}
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–large .team-card__image–filled a {
cursor: pointer;
}
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–large .team-card__image–round {
border-radius: 140px;
height: 240px;
width: 240px;
overflow: hidden;
margin: 20px 20px 0;
}
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–large .team-card__image–round img {
width: auto;
height: auto;
}
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–large .team-card__image–round div.wsite-image,
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–large .team-card__image–round a {
border-radius: 140px;
height: 240px;
width: 240px;
display: block;
}
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–large .team-card__image–round a {
cursor: pointer;
}
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–large .team-card__content {
padding: 20px 0 10px;
margin: 0 20px;
text-align: center !important;
}
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–large .team-card__content .name {
font-weight: bold;
font-size: 1.1rem;
color: #4b5155;
padding: 5px 0;
}
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–large .team-card__content .title {
font-size: 0.9rem;
color: rgba(75,81,85,0.6);
text-transform: uppercase;
padding: 5px 0;
}
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–large .team-card__extras {
text-align: center !important;
}
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–large .team-card__extras .text {
color: rgba(75,81,85,0.6);
font-size: 0.9rem;
line-height: 1rem;
margin: 0 20px 20px;
}
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–large:hover {
border: 1px solid rgba(0,0,0,0.2);
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
}
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–large .paragraph {
margin: 0 !important;
line-height: inherit;
}
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–large .wsite-initial-image .element-box {
box-shadow: none !important;
}
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–large .wsite-image {
padding: 0px !important;
}
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–large .pic .inside,
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–large .pic .element-box,
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–large .pic .element-box-contents,
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–large .pic .element,
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–large .pic .wsite-image,
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–large .pic .ui-wrapper,
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–large .pic a {
height: 280px !important;
width: 100% !important;
}
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–large .pic .platform-element-child,
#element-8517820a-2865-4ab7-a1e5-933c389e8cf4 .team-card–large .pic .wsite-image {
margin: 0 !important;
}

function setupElement181522065290161915() {
var requireFunc = window.platformElementRequire || window.require;

// Relies on a global require, specific to platform elements
requireFunc([
‘w-global’,
‘underscore’,
‘jquery’,
‘backbone’,
‘util/platform/elements/PlatformElement’,
‘util/platform/elements/PlatformElementSettings’
], function(
_W,
_,
$,
Backbone,
PlatformElement,
PlatformElementSettings
) {
var dependencies = null || [];
var platform_element_id = “580202859168721269-1.3.6”;

if (typeof _W.loadedPlatformDependencies === ‘undefined’) {
_W.loadedPlatformDependencies = [];
}

if (typeof _W.platformElements === ‘undefined’) {
_W.platformElements = [];
}

if (typeof _W.platformElements[platform_element_id] === ‘undefined’) {
_W.platformElements[platform_element_id] = {};
_W.platformElements[platform_element_id].deferredObject = new $.Deferred();
_W.platformElements[platform_element_id].deferredPromise = _W.platformElements[platform_element_id].deferredObject.promise();
}

if(_.intersection(_W.loadedPlatformDependencies, dependencies).length !== dependencies.length){
_.reduce(dependencies, function(promise, nextScript){
_W.loadedPlatformDependencies.push(nextScript);
return promise.then(function(){
return $.getScript(nextScript);
});
}, $().promise()).then(function(){
_W.platformElements[platform_element_id].deferredObject.resolve();
});
}

if (dependencies.length === 0){
_W.platformElements[platform_element_id].deferredObject.resolve();
}

_W.platformElements[platform_element_id].deferredPromise.done(function(){
var _ElementDefinition = /**
* This is required for element rendering to be possible
* @type {PlatformElement}
*/
(function() {
var TeamCard = PlatformElement.extend({
initialize: function() {
this.fixStyles();
this.updateImage();
this.$(‘.wsite-image img’).bind(“load”, this.updateImage.bind(this));
},

/**
* Lots of styles are applied by default to editable areas of
* the editor. To make the element looks how you want, some styles
* need to be overwritten.
*
* Classes that are used are:
* – .editable-text
* – .paragraph
* – .ui-wrapper
* – .wsite-image
* – .wsite-*
* – (etc…)
*/
fixStyles: function() {
var w = this.$el.find(‘.team-card__image–round’).width();
var h = w;

this.$el.find(‘.editable-text’).each(function(index) {
$(this).attr(‘style’, ”);
});

this.$el.find(‘.element’).each(function(index) {
$(this).attr(‘style’, ”);
});

this.$el.find(‘img’).css({
display: ”,
width: ”,
height: ”
});
},

// updates the image and transforms it depending on what needs to happen to it.
// if it’s the default placeholder, we translate it so it’s center in the image area
// if it’s an uploaded image that’s too small, we resize it so it’ll fit.
updateImage: function() {
var $img = this.$(‘div.wsite-image img’);
var $imgContainer = this.$(‘.team-card__image–‘ + this.settings.get(‘image_display’));
var isInitialImage = !!this.$(‘div.wsite-initial-image img’).length;

// if there’s no image to be found, stop executing.
if ($img.length === 0) {
return;
}

// reset the size of the image
$img.css({
‘transform’: ‘none’,
‘height’: ‘auto’,
‘width’: ‘auto’
});

// grab sizes of the container and the image
var imageSize = {
height: $img.height(),
width: $img.width()
}
var containerSize = {
height: $imgContainer.height(),
width: $imgContainer.width()
}

// if any of these are zero, stop executing.
// if it’s zero because the initial image hasn’t loaded yet,
// then bind a recall to when it finishes.
if (!imageSize.height || !imageSize.width || !containerSize.height || !containerSize.width) {
return;
}

// determine whether he have an initial image or not
if (isInitialImage) {
// if we do, we need to move it to fit.
var dx = (containerSize.width – imageSize.width) / 2;
var dy = (containerSize.height – imageSize.height) / 2;
$img.css({
‘transform’: ‘translate(‘ + dx + ‘px,’ + dy + ‘px)’
});
} else {
// otherwise, if the image is smaller than the container, scale it up to fit.
var scale = 1;
// depending on if which way we scale more, our origin will change
var origin = ‘left top’
if (imageSize.height < containerSize.height) {
scale = containerSize.height / imageSize.height;
origin = 'center top';
}
if (imageSize.width oldScale) {
origin = ‘left top’;
}
}
$img.css({
‘transform-origin’: origin,
‘transform’: ‘scale(‘ + scale + ‘, ‘ + scale + ‘)’
});
$img.css({
‘height’: $img.height() + ‘px’,
‘width’: $img.width() + ‘px’
});
}
}
});

return TeamCard;
})();;

if (typeof _ElementDefinition == ‘undefined’ || typeof _ElementDefinition == ‘null’) {
var _ElementDefinition = PlatformElement.extend({});
}

var _Element = _ElementDefinition.extend({
initialize: function() {
// we still want to call the initialize function defined by the developer
// however, we don’t want to call it until placeholders have been replaced
this.placeholderInterval = setInterval(function() {
// so use setInterval to check for placeholders.
if (this.$(‘.platform-element-child-placeholder’).length == 0) {
clearInterval(this.placeholderInterval);
this.constructor.__super__.initialize.apply(this);
}
}.bind(this), 100);
}
});

_Element.prototype.settings = new PlatformElementSettings({“style”:”large”,”image_display”:”round”,”title”:false,”about”:false,”button”:false});
_Element.prototype.settings.page_element_id = “181522065290161915”;

_Element.prototype.element_id = “8517820a-2865-4ab7-a1e5-933c389e8cf4”;
_Element.prototype.user_id = “40859893”;
_Element.prototype.site_id = “748682923609045137”;
_Element.prototype.assets_path = “//marketplace.editmysite.com/uploads/b/marketplace-elements-580202859168721269-1.3.6/assets/”;
new _Element({
el: ‘#element-8517820a-2865-4ab7-a1e5-933c389e8cf4’
});
});
});

}

if (typeof document.documentElement.appReady == ‘undefined’) {
document.documentElement.appReady = 0;
}

if (document.documentElement.appReady || (window.inEditor && window.inEditor())) {
setupElement181522065290161915();
} else if (document.createEvent && document.addEventListener) {
document.addEventListener(‘appReady’, setupElement181522065290161915, false);
} else {
document.documentElement.attachEvent(‘onpropertychange’, function(event){
if (event.propertyName == ‘appReady’) {
setupElement181522065290161915();
}
});
}

#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–small {
width: 204px;
height: 100%;
box-sizing: border-box;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 2px;
margin: 20px auto;
box-shadow: none;
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
background: #FFFFFF;
}
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–small .team-card__image–filled {
margin: 0;
border-radius: 0;
overflow: hidden;
height: 204px;
width: 204px;
}
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–small .team-card__image–filled img {
width: auto;
height: auto;
}
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–small .team-card__image–filled div.wsite-image,
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–small .team-card__image–filled a {
height: 204px;
width: 204px;
display: block;
}
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–small .team-card__image–filled a {
cursor: pointer;
}
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–small .team-card__image–round {
border-radius: 102px;
height: 164px;
width: 164px;
overflow: hidden;
margin: 20px 20px 0;
}
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–small .team-card__image–round img {
width: auto;
height: auto;
}
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–small .team-card__image–round div.wsite-image,
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–small .team-card__image–round a {
border-radius: 102px;
height: 164px;
width: 164px;
display: block;
}
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–small .team-card__image–round a {
cursor: pointer;
}
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–small .team-card__content {
padding: 20px 0 10px;
margin: 0 20px;
text-align: center !important;
}
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–small .team-card__content .name {
font-weight: bold;
font-size: 1.1rem;
color: #4b5155;
padding: 5px 0;
}
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–small .team-card__content .title {
font-size: 0.9rem;
color: rgba(75,81,85,0.6);
text-transform: uppercase;
padding: 5px 0;
}
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–small .team-card__extras {
text-align: center !important;
}
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–small .team-card__extras .text {
color: rgba(75,81,85,0.6);
font-size: 0.9rem;
line-height: 1rem;
margin: 0 20px 20px;
}
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–small:hover {
border: 1px solid rgba(0,0,0,0.2);
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
}
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–small .paragraph {
margin: 0 !important;
line-height: inherit;
}
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–small .wsite-initial-image .element-box {
box-shadow: none !important;
}
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–small .wsite-image {
padding: 0px !important;
}
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–small .pic .inside,
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–small .pic .element-box,
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–small .pic .element-box-contents,
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–small .pic .element,
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–small .pic .wsite-image,
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–small .pic .ui-wrapper,
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–small .pic a {
height: 204px !important;
width: 100% !important;
}
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–small .pic .platform-element-child,
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–small .pic .wsite-image {
margin: 0 !important;
}
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–large {
width: 280px;
height: 100%;
box-sizing: border-box;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 2px;
margin: 20px auto;
box-shadow: none;
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
background: #FFFFFF;
}
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–large .team-card__image–filled {
margin: 0;
border-radius: 0;
overflow: hidden;
height: 280px;
width: 280px;
}
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–large .team-card__image–filled img {
width: auto;
height: auto;
}
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–large .team-card__image–filled div.wsite-image,
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–large .team-card__image–filled a {
height: 280px;
width: 280px;
display: block;
}
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–large .team-card__image–filled a {
cursor: pointer;
}
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–large .team-card__image–round {
border-radius: 140px;
height: 240px;
width: 240px;
overflow: hidden;
margin: 20px 20px 0;
}
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–large .team-card__image–round img {
width: auto;
height: auto;
}
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–large .team-card__image–round div.wsite-image,
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–large .team-card__image–round a {
border-radius: 140px;
height: 240px;
width: 240px;
display: block;
}
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–large .team-card__image–round a {
cursor: pointer;
}
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–large .team-card__content {
padding: 20px 0 10px;
margin: 0 20px;
text-align: center !important;
}
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–large .team-card__content .name {
font-weight: bold;
font-size: 1.1rem;
color: #4b5155;
padding: 5px 0;
}
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–large .team-card__content .title {
font-size: 0.9rem;
color: rgba(75,81,85,0.6);
text-transform: uppercase;
padding: 5px 0;
}
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–large .team-card__extras {
text-align: center !important;
}
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–large .team-card__extras .text {
color: rgba(75,81,85,0.6);
font-size: 0.9rem;
line-height: 1rem;
margin: 0 20px 20px;
}
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–large:hover {
border: 1px solid rgba(0,0,0,0.2);
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
}
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–large .paragraph {
margin: 0 !important;
line-height: inherit;
}
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–large .wsite-initial-image .element-box {
box-shadow: none !important;
}
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–large .wsite-image {
padding: 0px !important;
}
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–large .pic .inside,
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–large .pic .element-box,
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–large .pic .element-box-contents,
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–large .pic .element,
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–large .pic .wsite-image,
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–large .pic .ui-wrapper,
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–large .pic a {
height: 280px !important;
width: 100% !important;
}
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–large .pic .platform-element-child,
#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287 .team-card–large .pic .wsite-image {
margin: 0 !important;
}

function setupElement320974614855465350() {
var requireFunc = window.platformElementRequire || window.require;

// Relies on a global require, specific to platform elements
requireFunc([
‘w-global’,
‘underscore’,
‘jquery’,
‘backbone’,
‘util/platform/elements/PlatformElement’,
‘util/platform/elements/PlatformElementSettings’
], function(
_W,
_,
$,
Backbone,
PlatformElement,
PlatformElementSettings
) {
var dependencies = null || [];
var platform_element_id = “580202859168721269-1.3.6”;

if (typeof _W.loadedPlatformDependencies === ‘undefined’) {
_W.loadedPlatformDependencies = [];
}

if (typeof _W.platformElements === ‘undefined’) {
_W.platformElements = [];
}

if (typeof _W.platformElements[platform_element_id] === ‘undefined’) {
_W.platformElements[platform_element_id] = {};
_W.platformElements[platform_element_id].deferredObject = new $.Deferred();
_W.platformElements[platform_element_id].deferredPromise = _W.platformElements[platform_element_id].deferredObject.promise();
}

if(_.intersection(_W.loadedPlatformDependencies, dependencies).length !== dependencies.length){
_.reduce(dependencies, function(promise, nextScript){
_W.loadedPlatformDependencies.push(nextScript);
return promise.then(function(){
return $.getScript(nextScript);
});
}, $().promise()).then(function(){
_W.platformElements[platform_element_id].deferredObject.resolve();
});
}

if (dependencies.length === 0){
_W.platformElements[platform_element_id].deferredObject.resolve();
}

_W.platformElements[platform_element_id].deferredPromise.done(function(){
var _ElementDefinition = /**
* This is required for element rendering to be possible
* @type {PlatformElement}
*/
(function() {
var TeamCard = PlatformElement.extend({
initialize: function() {
this.fixStyles();
this.updateImage();
this.$(‘.wsite-image img’).bind(“load”, this.updateImage.bind(this));
},

/**
* Lots of styles are applied by default to editable areas of
* the editor. To make the element looks how you want, some styles
* need to be overwritten.
*
* Classes that are used are:
* – .editable-text
* – .paragraph
* – .ui-wrapper
* – .wsite-image
* – .wsite-*
* – (etc…)
*/
fixStyles: function() {
var w = this.$el.find(‘.team-card__image–round’).width();
var h = w;

this.$el.find(‘.editable-text’).each(function(index) {
$(this).attr(‘style’, ”);
});

this.$el.find(‘.element’).each(function(index) {
$(this).attr(‘style’, ”);
});

this.$el.find(‘img’).css({
display: ”,
width: ”,
height: ”
});
},

// updates the image and transforms it depending on what needs to happen to it.
// if it’s the default placeholder, we translate it so it’s center in the image area
// if it’s an uploaded image that’s too small, we resize it so it’ll fit.
updateImage: function() {
var $img = this.$(‘div.wsite-image img’);
var $imgContainer = this.$(‘.team-card__image–‘ + this.settings.get(‘image_display’));
var isInitialImage = !!this.$(‘div.wsite-initial-image img’).length;

// if there’s no image to be found, stop executing.
if ($img.length === 0) {
return;
}

// reset the size of the image
$img.css({
‘transform’: ‘none’,
‘height’: ‘auto’,
‘width’: ‘auto’
});

// grab sizes of the container and the image
var imageSize = {
height: $img.height(),
width: $img.width()
}
var containerSize = {
height: $imgContainer.height(),
width: $imgContainer.width()
}

// if any of these are zero, stop executing.
// if it’s zero because the initial image hasn’t loaded yet,
// then bind a recall to when it finishes.
if (!imageSize.height || !imageSize.width || !containerSize.height || !containerSize.width) {
return;
}

// determine whether he have an initial image or not
if (isInitialImage) {
// if we do, we need to move it to fit.
var dx = (containerSize.width – imageSize.width) / 2;
var dy = (containerSize.height – imageSize.height) / 2;
$img.css({
‘transform’: ‘translate(‘ + dx + ‘px,’ + dy + ‘px)’
});
} else {
// otherwise, if the image is smaller than the container, scale it up to fit.
var scale = 1;
// depending on if which way we scale more, our origin will change
var origin = ‘left top’
if (imageSize.height < containerSize.height) {
scale = containerSize.height / imageSize.height;
origin = 'center top';
}
if (imageSize.width oldScale) {
origin = ‘left top’;
}
}
$img.css({
‘transform-origin’: origin,
‘transform’: ‘scale(‘ + scale + ‘, ‘ + scale + ‘)’
});
$img.css({
‘height’: $img.height() + ‘px’,
‘width’: $img.width() + ‘px’
});
}
}
});

return TeamCard;
})();;

if (typeof _ElementDefinition == ‘undefined’ || typeof _ElementDefinition == ‘null’) {
var _ElementDefinition = PlatformElement.extend({});
}

var _Element = _ElementDefinition.extend({
initialize: function() {
// we still want to call the initialize function defined by the developer
// however, we don’t want to call it until placeholders have been replaced
this.placeholderInterval = setInterval(function() {
// so use setInterval to check for placeholders.
if (this.$(‘.platform-element-child-placeholder’).length == 0) {
clearInterval(this.placeholderInterval);
this.constructor.__super__.initialize.apply(this);
}
}.bind(this), 100);
}
});

_Element.prototype.settings = new PlatformElementSettings({“style”:”large”,”image_display”:”round”,”title”:false,”about”:false,”button”:false});
_Element.prototype.settings.page_element_id = “320974614855465350”;

_Element.prototype.element_id = “64e711fd-eb6f-4fb9-b6df-e64336ab3287”;
_Element.prototype.user_id = “40859893”;
_Element.prototype.site_id = “748682923609045137”;
_Element.prototype.assets_path = “//marketplace.editmysite.com/uploads/b/marketplace-elements-580202859168721269-1.3.6/assets/”;
new _Element({
el: ‘#element-64e711fd-eb6f-4fb9-b6df-e64336ab3287’
});
});
});

}

if (typeof document.documentElement.appReady == ‘undefined’) {
document.documentElement.appReady = 0;
}

if (document.documentElement.appReady || (window.inEditor && window.inEditor())) {
setupElement320974614855465350();
} else if (document.createEvent && document.addEventListener) {
document.addEventListener(‘appReady’, setupElement320974614855465350, false);
} else {
document.documentElement.attachEvent(‘onpropertychange’, function(event){
if (event.propertyName == ‘appReady’) {
setupElement320974614855465350();
}
});
}