.squared {
    position: relative;
}

.squared .x-thumbnail-content {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px 0px;
}

.squared .x-thumbnail-content {
    opacity: 1;
    text-align:left;
    transition: opacity 0.2s
}
.squared .x-thumbnail-content a {text-decoration: none; }
.squared:hover .x-thumbnail-content {
    opacity: 1;
}

.xpanda h3 {
    font-size: 32px;
    margin: 0 0 5px!important;
    padding: 0;
    font-weight: 400;
    line-height:1.2;
    text-transform: none;
    letter-spacing:0;
	font-family: 'Roboto';
}

.xpanda h4 {
    font-size: 22px;
    margin: 5px 0 0;
    padding: 0;
    font-weight: 300;
     display: inline-block; 
        line-height:1.2;
    letter-spacing:1px;
}
.xpanda h4 strong {font-weight:300; display: block; margin-bottom:5px; color:#000; font-family: 'Roboto';}
.xpanda .x-info h4 {    font-size: 20px !important;
    margin: 0;
    padding: 0;
    font-weight: 300;
    color:#333;
     display: block; }
.xpanda .x-info h4 strong {font-size: 30px;}
.x-item a {
    color: #000 !important;
}

.xpanda p {
    margin: 0 0 15px;
}

.xpanda img {
    width: 100% !important;
    min-width: 100% !important
}
.xpanda .x-info img {min-width: unset!important; width: 30%!important}

.xpanda.x-preloader {
}

.xpanda.x-preloader:before {
}

.x-item-wrap {
    margin: 0 !important;
}

.x-item > a {
}

.x-item img {
    min-width: 100% !important;
}

.x-initiated .x-item {
}

.x-initiated .x-item > img {
    padding-bottom: 0
}

@media (min-width: 769px) {
    .x-initiated .x-item:hover > img {
        -webkit-filter: grayscale(0);
        filter: none;
    }
}

.x-initiated .x-item.x-is-active > img {
    -webkit-filter: grayscale(0);
    filter: none;
}

.x-initiated .x-item.x-is-not-active {
    filter: gray;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    ;opacity: 0.5
}

.x-initiated .x-item.x-is-not-active:hover {
    -webkit-filter: grayscale(0);
    filter: none;
    opacity: 1;
    transition: opacity .3s
}

.x-placeholder.x-is-expanded {
    padding-right: 13px;
    padding-left: 12px;
}

.x-placeholder.x-is-expanded .x-placeholder-inner {
}

@media (min-width: 992px) {
    .x-placeholder.x-is-expanded .x-placeholder-inner {
    }

    .x-placeholder.x-is-expanded .x-placeholder-inner .x-updated-content {
    }
}

.x-placeholder.x-is-expanded p {
    line-height: 1.6
}

.x-placeholder.x-is-expanded .x-asset.x-asset-left {
}

.x-placeholder.x-is-expanded .x-asset.x-asset-right {
}

.x-placeholder.x-is-expanded .x-asset img {
}

@media (min-width: 992px) {
    .x-placeholder.x-is-expanded .x-asset.x-asset-left {
    }

    .x-placeholder.x-is-expanded .x-asset.x-asset-right {
    }

    .x-placeholder.x-is-expanded .x-asset.x-asset-center {
    }
}

@media (min-width: 1200px) {
    .x-placeholder.x-is-expanded .x-asset.x-asset-center {
    }
}

@media (min-width: 1400px) {
    .x-placeholder.x-is-expanded .x-asset.x-asset-center {
    }
}

.x-initiated.x-lazyload-asset .x-placeholder.x-is-expanded .x-asset:before {
}

.x-initiated.x-lazyload-asset .x-placeholder.x-is-expanded .x-asset.x-is-loaded:before {
}

.x-initiated.x-lazyload-asset .x-placeholder.x-is-expanded .x-asset.x-was-loaded:before {
}

.x-placeholder.x-is-expanded .x-info h4 {
    font-size: 1.6rem;
    margin-bottom: 20px;
}

.x-placeholder.x-is-expanded .x-info img {
}

.x-placeholder.x-is-expanded .x-info.x-info-left {
}

.x-placeholder.x-is-expanded .x-info.x-info-right {
}

.x-placeholder.x-is-expanded .x-info.x-info-center {
}

@media (min-width: 768px) {
    .x-placeholder.x-is-expanded .x-info.x-info-center {
    }
}

@media (min-width: 992px) {
    .x-placeholder.x-is-expanded .x-info.x-info-left {
    }

    .x-placeholder.x-is-expanded .x-info.x-info-right {
    }
}

.x-placeholder .x-prev {
    background-color: #0C3665
}

.x-placeholder .x-next {
    background-color: #0C3665
}

.x-placeholder .x-close {
    background-color: #E50019
}

.x-arrow, .x-close {
    z-index: 1 !important
}

@media (min-width: 768px) {
    .x-placeholder .x-prev {
    }

    .x-placeholder .x-next {
    }

    .x-placeholder .x-close {
    }
}

#xpanda-a {
    margin-left: -13px;
}

.isquared {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensure the image fills the container while keeping its aspect ratio */
    object-position: center; /* Optional: center the image */
    display: block;
    aspect-ratio: 1 / 1; /* Ensures the container is always square */
    position: relative;
    overflow: hidden; /* Ensure that the image doesn't overflow the square */
}
.x-thumbnail-content h4 { line-height:1.4 }
.x-item .squared .x-thumbnail-content img.plogo { max-width:180px !important;min-width:unset !important; margin:0 auto;}