/** 
    Type I
*/

.wdt-portfolio-wrapper.wdt-type-1 .wdt-portfolio-item:not(:last-child) { margin-bottom: 15px; }

.wdt-portfolio-wrapper.wdt-type-1 .wdt-portfolio-item { min-height: 600px; padding: clamp(1.25rem, 0.8173rem + 1.9231vw, 3.125rem); border-radius: var(--wdtRadius_3X); 
    backface-visibility: hidden; will-change: transform; display: flex; align-items: end; justify-content: space-between; overflow: hidden; top:30px !important; transform: scale(1) !important; }


.wdt-portfolio-wrapper.wdt-type-1 .wdt-portfolio-item:before { content: ""; position: absolute; top: 0; left: 0; 
    width: 100%; height: 100%; background: linear-gradient(0deg, rgb(0, 0, 0) 30%, transparent 100%); opacity: 0.5; 
    transition: var(--wdt-Ad-Transition); }

.wdt-portfolio-wrapper.wdt-type-1 .wdt-portfolio-item > * { position: relative; z-index: 1; color: var(--wdtAccentTxtColor); }

.wdt-portfolio-wrapper.wdt-type-1 .wdt-portfolio-item .wdt-portfolio-category { display: inline-flex; 
    flex-wrap: wrap; width: auto; margin: -5px -5px 14px; }

.wdt-portfolio-wrapper.wdt-type-1 .wdt-portfolio-item .wdt-portfolio-category a { font-size: var(--wdt-Ad-font-size); color: var(--wdtAccentTxtColor); line-height: 1; }
.wdt-portfolio-wrapper.wdt-type-1 .wdt-portfolio-item .wdt-portfolio-category a:hover { color: rgba(var(--wdtAccentTxtColorRgb), 0.75); }
.wdt-portfolio-wrapper.wdt-type-1 .wdt-portfolio-item .wdt-portfolio-category a { margin: 0 3px; }
.wdt-portfolio-wrapper.wdt-type-1 .wdt-portfolio-item .wdt-portfolio-category a:first-child { margin-left: 0px; }
.wdt-portfolio-wrapper.wdt-type-1 .wdt-portfolio-item .wdt-portfolio-category a:last-child { margin-right: 0px; }

.wdt-portfolio-wrapper.wdt-type-1 .wdt-portfolio-item .wdt-portfolio-category { display: inline-flex; margin: 0 0 clamp(0.9375rem, 0.7292rem + 0.434vw, 1.25rem) /*20px - 15px */;
    padding: 6px 16px; background-color: var(--wdtPrimaryColor); 
    border-radius: var(--wdtRadius_1X); position: relative; align-items: center; }

.wdt-portfolio-wrapper.wdt-type-1 .wdt-portfolio-item .wdt-portfolio-category:before { content: ""; position: relative;
    width: 1em; height: 1em; background-color: currentColor; margin-right: 7px; font-size: 6px; border-radius: 50%; }

.wdt-portfolio-wrapper.wdt-type-1 .wdt-portfolio-item .wdt-portfolio-title a {
    font-family: var(--wdtFontTypo_Alt); font-weight: var(--wdtFontWeight_Ext); line-height:var(--wdtLineHeight_Alt); color: var(--wdtAccentTxtColor);
    font-size: clamp(1.625rem, 1.3341rem + 0.9715vw, 2.5rem); /* Min-26 & Max-40 */ }

.wdt-portfolio-wrapper.wdt-type-1 .wdt-portfolio-item .wdt-portfolio-title a:hover,
.wdt-portfolio-wrapper.wdt-type-1 .wdt-portfolio-item .wdt-portfolio-title a:focus { color: rgb(var(--wdtAccentTxtColorRgb), .75); }


.wdt-portfolio-wrapper.wdt-type-1 .wdt-portfolio-item .wdt-portfolio-button { transition: var(--wdtAltTransition);
    width: 50px; height: 50px; transform-origin: top left;
    display: flex; align-items: center; justify-content: center; background-color: var(--wdtAccentTxtColor); border-radius: var(--wdtRadius_Full); font-size: 0px; }

.wdt-portfolio-wrapper.wdt-type-1 .wdt-portfolio-item .wdt-portfolio-button::before { content: ""; 
    color: var(--wdtSecondaryColor); background-color: currentColor; position: absolute; width: 1em; height: 1em; 
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' xml:space='preserve'%3E%3Cpath d='M5,82.4C1.6,85.8,1.6,91.5,5,95c3.5,3.5,9.1,3.5,12.6,0l-6.3-6.3L5,82.4z M99,9.9C99,5,95,1,90.1,1H9.9C5,1,1,5,1,9.9 c0,4.9,4,8.9,8.9,8.9h71.3v71.3c0,4.9,4,8.9,8.9,8.9c4.9,0,8.9-4,8.9-8.9V9.9z M11.3,88.7l6.3,6.3l78.7-78.7l-6.3-6.3l-6.3-6.3 L5,82.4L11.3,88.7z'%3E%3C/path%3E%3C/svg%3E"); 
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' xml:space='preserve'%3E%3Cpath d='M5,82.4C1.6,85.8,1.6,91.5,5,95c3.5,3.5,9.1,3.5,12.6,0l-6.3-6.3L5,82.4z M99,9.9C99,5,95,1,90.1,1H9.9C5,1,1,5,1,9.9 c0,4.9,4,8.9,8.9,8.9h71.3v71.3c0,4.9,4,8.9,8.9,8.9c4.9,0,8.9-4,8.9-8.9V9.9z M11.3,88.7l6.3,6.3l78.7-78.7l-6.3-6.3l-6.3-6.3 L5,82.4L11.3,88.7z'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-size: 90%; mask-size: 90%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; 
    -webkit-mask-position: center; mask-position: center; font-size: clamp(0.875rem, 0.7321rem + 0.2232vw, 1rem) /*16px - 14px*/;transform: rotate(45deg); transition: var(--wdtAltTransition); }
    .wdt-portfolio-wrapper.wdt-type-1 .wdt-portfolio-item .wdt-portfolio-button:hover:before{transform: rotate(0deg);}


@media screen and (max-width: 767px) {
    .wdt-portfolio-wrapper.wdt-type-1 .wdt-portfolio-item .wdt-portfolio-button { display: none; }
}



/** 
    Type II
*/

.wdt-portfolio-wrapper.wdt-type-2 { min-height: 900px; position: relative; overflow: hidden; width: 100%; }
.wdt-portfolio-wrapper.wdt-type-2 > div { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }

.wdt-portfolio-wrapper.wdt-type-2 > div.wdt-portfolio-media { width: 100%; height: 100%; overflow: hidden; }
.wdt-portfolio-wrapper.wdt-type-2 > div.wdt-portfolio-media:before { content: ""; position: absolute; 
    left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: var(--wdtSecondaryColor); opacity: 0.6; z-index: 1; }
.wdt-portfolio-wrapper.wdt-type-2 > div.wdt-portfolio-media > .wdt-portfolio-image-item { width: 100%; height: 100%; 
    position: absolute; left: 0; top: 0; opacity: 0; transition: var(--wdt-Ad-Transition); }
.wdt-portfolio-wrapper.wdt-type-2 > div.wdt-portfolio-media > .wdt-portfolio-image-item.wdt-active { opacity: 1; }

.wdt-portfolio-image-item img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: var(--wdt-Ad-Transition); }


.wdt-portfolio-wrapper.wdt-type-2 > div.wdt-portfolio-content { display: flex; flex-wrap: nowrap; width: calc(100% + 2px); margin: 0 -1px; }
.wdt-portfolio-wrapper.wdt-type-2 > div.wdt-portfolio-content .wdt-portfolio-content-item { transition: var(--wdt-Ad-Transition);
    align-content: end; padding: clamp(1.25rem, 0rem + 1.5625vw, 1.875rem) clamp(1.25rem, -1.25rem + 3.125vw, 2.5rem); 
    position: relative; z-index: 1; background-color: transparent; color: var(--wdtAccentTxtColor); }
.wdt-portfolio-wrapper.wdt-type-2 > div.wdt-portfolio-content > .wdt-portfolio-content-item { flex: 1; }

.wdt-portfolio-wrapper.wdt-type-2 > div.wdt-portfolio-content > .wdt-portfolio-content-item:hover,
.wdt-portfolio-wrapper.wdt-type-2 > div.wdt-portfolio-content > .wdt-portfolio-content-item.wdt-active { 
    background-color: rgba(var(--wdtPrimaryColorRgb), 0.75); }

.wdt-portfolio-wrapper.wdt-type-2 > div.wdt-portfolio-content .wdt-portfolio-content-item:before { content: ""; position: absolute; 
    width: 1px; height: 100%; top: 0; right: 0; background-color: var(--wdtAccentTxtColor); opacity: 0.3; }


.wdt-portfolio-wrapper.wdt-type-2 .wdt-portfolio-content-item .wdt-portfolio-button { 
    position: absolute;
    top: 0;
    left: auto;
    opacity: 0;
    transition: var(--wdt-Ad-Transition);
    width: clamp(2.5rem, 2.3607rem + 0.6369vw, 3.125rem) /*50px 40px*/;
    height: clamp(2.5rem, 2.3607rem + 0.6369vw, 3.125rem) /*50px 40px*/;
    justify-content: center;
    background-color: var(--wdtAccentTxtColor);
    border-radius: 50%;
    font-size: 0px;
    display: inline-flex;
    align-items: center;
    margin: 20px;
    margin-left: 0;
    right: 0;
 }

.wdt-portfolio-wrapper.wdt-type-2 .wdt-portfolio-content-item .wdt-portfolio-button::before { content: ""; 
    color: var(--wdtPrimaryColor); background-color: currentColor; position: absolute; width: 1em; height: 1em; 
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' xml:space='preserve'%3E%3Cpath d='M5,82.4C1.6,85.8,1.6,91.5,5,95c3.5,3.5,9.1,3.5,12.6,0l-6.3-6.3L5,82.4z M99,9.9C99,5,95,1,90.1,1H9.9C5,1,1,5,1,9.9 c0,4.9,4,8.9,8.9,8.9h71.3v71.3c0,4.9,4,8.9,8.9,8.9c4.9,0,8.9-4,8.9-8.9V9.9z M11.3,88.7l6.3,6.3l78.7-78.7l-6.3-6.3l-6.3-6.3 L5,82.4L11.3,88.7z'%3E%3C/path%3E%3C/svg%3E"); 
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' xml:space='preserve'%3E%3Cpath d='M5,82.4C1.6,85.8,1.6,91.5,5,95c3.5,3.5,9.1,3.5,12.6,0l-6.3-6.3L5,82.4z M99,9.9C99,5,95,1,90.1,1H9.9C5,1,1,5,1,9.9 c0,4.9,4,8.9,8.9,8.9h71.3v71.3c0,4.9,4,8.9,8.9,8.9c4.9,0,8.9-4,8.9-8.9V9.9z M11.3,88.7l6.3,6.3l78.7-78.7l-6.3-6.3l-6.3-6.3 L5,82.4L11.3,88.7z'%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-size: 90%; mask-size: 90%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; 
    -webkit-mask-position: center; mask-position: center; font-size: 1rem; rotate: 45deg; transition: var(--wdtAltTransition);font-weight: var(--wdtFontWeight_Base);}
    .wdt-portfolio-wrapper.wdt-type-2 .wdt-portfolio-content-item .wdt-portfolio-button:hover::before { rotate: 0deg; }

.wdt-portfolio-wrapper.wdt-type-2 .wdt-portfolio-content > .wdt-portfolio-content-item:hover .wdt-portfolio-button,
.wdt-portfolio-wrapper.wdt-type-2 .wdt-portfolio-content > .wdt-portfolio-content-item.wdt-active .wdt-portfolio-button { opacity: 1; }

.wdt-portfolio-wrapper.wdt-type-2 .wdt-portfolio-content-item .wdt-portfolio-title a {
    font-family: var(--wdtFontTypo_Alt); font-weight: var(--wdtFontWeight_Ext); line-height: var(--wdtLineHeight_Alt); color: var(--wdtAccentTxtColor);
    font-size: clamp(1.5rem, 1.375rem + 0.625vw, 2.125rem); /* Min-24 & Max-34 */ 
    /* background-image: linear-gradient(45deg, currentColor, currentColor);
    background-repeat: no-repeat; background-position: 0% 100%; background-size: 100% 1px; */ }

.wdt-portfolio-wrapper.wdt-type-2 .wdt-portfolio-content-item .wdt-portfolio-title a:hover,
.wdt-portfolio-wrapper.wdt-type-2 .wdt-portfolio-content-item .wdt-portfolio-title a:focus { 
    /* color: var(--wdtPrimaryColor); background-size: 0% 1px; */ opacity: 0.8; }

.wdt-portfolio-wrapper.wdt-type-2 .wdt-portfolio-content-item .wdt-portfolio-excerpt { padding-top: 12px; }


@media screen and (max-width: 1024px) {
    .wdt-portfolio-wrapper.wdt-type-2 > div.wdt-portfolio-content { width: 100%; margin: 0px; }

    .wdt-portfolio-wrapper.wdt-type-2 .wdt-portfolio-content-item .wdt-portfolio-excerpt { display: block !important; }
    /* .wdt-portfolio-wrapper.wdt-type-2 > div.wdt-portfolio-content .wdt-portfolio-content-item.swiper-slide-active { 
        background-color: rgba(var(--wdtPrimaryColorRgb), 0.4); } */

    .wdt-portfolio-wrapper.wdt-type-2 .wdt-portfolio-content-item .wdt-portfolio-button { position: relative; top: 0; left: 0; 
        -webkit-transform: none; transform: none; opacity: 1 !important; }
    
}

@media screen and (max-width: 767px) {
    .wdt-portfolio-wrapper.wdt-type-2 > div.wdt-portfolio-media:before { opacity: 0.8; }
    .wdt-portfolio-wrapper.wdt-type-1 .wdt-portfolio-item { transform: scale(1) !important; }
}

@media screen and (max-width: 479px) {
    .wdt-portfolio-wrapper.wdt-type-2 > div.wdt-portfolio-content .wdt-portfolio-content-item { width: 100% !important; }
    .wdt-portfolio-wrapper.wdt-type-2 > div.wdt-portfolio-content .wdt-portfolio-content-item:before { opacity: 0; }
    .wdt-portfolio-wrapper.wdt-type-1 .wdt-portfolio-item:before { opacity: 0.8; }
}