/*
Theme Name:   GABBANAelcom Theme
Description:  Twenty Twenty Five Child Theme
Author:       Sérgio Alves Santos
Website:      www.webdesign.hanko.lu
Template:     twentytwentyfive
Version:      1.0
Year:         2025
*/

/* Global styles ========================================================================
====================================================================================== */
body:not(.logged-in) {
    display: none;
}
:focus {
    outline: none;
}
/* Homepage =============================================================================
====================================================================================== */ 
.team-member-title {
    z-index: 100;
    position: relative;
}
.swiper-wrapper {
    padding-bottom: 15px;
}
.wp-block-gallery.wp-block-gallery-2 {
    flex-wrap: nowrap !important;
    overflow-x: auto;
    padding-bottom: 15px;
}
.wp-block-gallery.wp-block-gallery-2 img {
    min-width: 140px;
}
.website-menu, .website-footer {
    position: relative;
    overflow: hidden
}
.website-menu:before {
    content: '';
    left: 0;
    position: absolute;
    display: block;
    width: 100px;
    height: 100px;
    background: rgb(255 221 0);
    clip-path: polygon(30% 100%, 100% 0, 100% 100%);
    transform: rotate(180deg);
}
.website-menu:after {
    content: '';
    right: -35px;
    position: absolute;
    display: block;
    width: 100px;
    height: 120px;
    background: rgb(255 154 0);
    clip-path: polygon(30% 100%, 30% 0, 100% 0);
    transform: rotate(180deg);
}
.website-footer:before {
    content: '';
    left: 0;
    position: absolute;
    display: block;
    width: 150px;
    height: 290px;
    background: rgb(255 221 0);
    clip-path: polygon(0% 100%, 100% 0, 110% 100%);
    top: 0;
    transform: rotate(180deg);
}
.website-footer:after {
    content: '';
    right: 0;
    position: absolute;
    display: block;
    width: 150px;
    height: 290px;
    background: rgb(255 154 0);
    clip-path: polygon(0% 100%, 100% 0, 110% 100%);
    top: 0;
}
.nav-btn a {
	border: 2px solid #2b3f68;
}
.nav-btn a:hover {
	background: transparent !important;
	color: #2b3f68;
}
.wp-block-site-logo.aligncenter {
     margin-left: 0 !important;
     margin-right: unset !important;
     text-align: unset !important;
}
.add-shadow>div {
    box-shadow: inset 0 0 30px rgba(41,36,36,.90);
    position: relative;
    z-index: 10;
}
.add-shadow figure {
    position: relative;
    top: -70px;
    margin-bottom: -75px;
}
.add-shadow:first-child>div:nth-child(2), .add-shadow+.add-shadow>div:nth-child(2) {
    top: -25px;
} 
.add-shadow:first-child>div:last-child, .add-shadow+.add-shadow>div:first-child {
    top: -50px;
}
.ctrl-height p {
    text-align: center;
}
.ctrl-height div {
    max-height: 320px;
    overflow-y: scroll;
    padding-right: 15px;
}
.ctrl-height div {
  &::-webkit-scrollbar {
    width: 8px;  /* Set width for vertical scrollbar */
    height: 8px; /* Set height for horizontal scrollbar */
  }

  &::-webkit-scrollbar-track {
    background-color: transparent; /* Light background color for the track */
  }

  &::-webkit-scrollbar-thumb {
    background-color: #a39a9a; /* Custom color for the thumb */
    border-radius: 6px; /* Optional: rounded corners for the thumb */
  }

  &::-webkit-scrollbar-thumb:hover {
    background-color: #888; /* Darker shade when hovering */
  }
}
.underline:after {
    content: '';
    background: #e9d255;
    height: 1.5px;
    width: 200px;
    display: block;
    margin: 25px auto 0;
}
.round-arrow {
    display: flex;
    gap: 10px;
    align-items: center;
}
.bg-img-angebot {
    background-position: center center;
}
.round-arrow:before {
    content: '';
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48.69 48.69'%3E%3Cpath d='M24.34,0C10.9,0,0,10.9,0,24.35s10.9,24.34,24.34,24.34,24.35-10.9,24.35-24.34S37.79,0,24.34,0ZM29.7,25.76l-7.88,7.88c-.39.4-.91.59-1.42.59s-1.02-.19-1.41-.59c-.78-.78-.78-2.04,0-2.82l6.47-6.47-6.47-6.48c-.78-.78-.78-2.04,0-2.82s2.04-.78,2.83,0l7.88,7.88c.78.78.78,2.05,0,2.83Z' style='fill:%23fddd3b;'/%3E%3C/svg%3E");
    display: block;
    height: 30px;
    width: 30px;
    min-width: 30px;
}
.job-listings {
    padding: 0;
    margin: 0 0 45px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    li {
        display: block;
        background: linear-gradient(90deg,rgba(255, 221, 0, 1) 0%, rgba(255, 187, 0, 1) 100%);
        border-radius: 5px;
        padding: 8px 20px 8px 18px;
        position: relative;
    }
    li:after {
        content: '';
        background: #2F426D;
        border-radius: 5px;
        display: block;
        height: 100%;
        width: 8px;
        position: absolute;
        top: 0;
        right: 0;
    }
    a:link, a:visited {
        color: #2F426D;
        font-weight: bold;
        text-decoration: none;
    }
}
.job-posting {
    box-shadow: inset 0 0 25px rgba(0,0,0,.5);
}
.job-posting-content {
    width: 100%;
}
.job-postings-list {
    li {
        position: relative;
    }
    li:before {
        content: '';
        width: 8px;
        height: 100%;
        background: #fddc3b;
        position: absolute;
        left: 0;
        top: 0;
        border-radius: 6px;
        z-index: 20;
    }
    h2 {
        box-shadow: 0 2px 2px #bebebe;
    }
    a:link, visited {
        text-decoration: none;
    }
    .taxonomy-post_tag {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }
    .wp-block-post-terms__separator {
        display: none;
    }
    & li>.is-content-justification-left {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, .4);
    }
    figure+.is-content-justification-left, .is-content-justification-space-between {
        width: 100%;  
    }
}
footer {
    margin: 0;
}
.jobs-btn:hover {
    background: transparent !important;
    color: #2b3f68 !important;
}
.jobs-btn-white a:hover {
    background: transparent !important;
    color: #2b3f68 !important;
}
@media all and (max-width: 1000px) {
    .add-shadow>div {
        top: 0 !important;
        margin: 0 auto;
        max-width: 140px;
    }
    .add-shadow figure {
        top: 0;
        margin-bottom: 0;
    }
    .job-postings-list figure {
        display: none;
    }
    .job-posting {
        padding-left: 25px;
    }
    .lg-switcher {
        display: none;
    }
    html.has-modal-open .lg-switcher {
        display: block;
        z-index: 100000;
        position: fixed;
        top: 100px;
        right: 10px;
    }
    .lg-switcher+div {
        padding-left: 0 !important;
    }
    .nav-btn a {
        font-size: .85rem !important;
        padding: 5px 8px !important;
        margin-left: 0 !important;
    }
    div.icon {
        padding: 10px !important;
    }
    .all-icons {
        flex-wrap: nowrap !important;
        padding-bottom: 40px !important;
    }
    .job-listings li {
        width: 100%;
    }
    .job-postings-list .rounded {
        padding: 10px 15px 10px 20px !important
    }
}
@media all and (max-width: 850px) {
    .website-header, .website-footer-wrapper {
        background: #FFF !important;
    }
    .website-menu {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .website-menu:before, .website-footer:before,
    .website-menu:after, .website-footer:after {
        display: none;
    }
}
/* Individual Job Ads ===================================================================
====================================================================================== */
html[lang="de-DE"] .btn-fr,
html[lang="fr-FR"] .btn-de {
    display: none;
}
.wp-block-button__link {
	max-width: 220px;
    z-index: 100;
    position: relative;
}
/* Language Switcher ====================================================================
====================================================================================== */
.trp-language-switcher > div {
    background-position: calc(100% - 20px) calc(1em + -2px), calc(100% - 3px) calc(1em + 0px) !important;
}
.trp-language-switcher > div > a {
	padding: 1px 12px;
}
.trp-ls-shortcode-current-language, .trp-language-switcher, .trp-language-switcher.trp-language-switcher-container:hover,
.trp-ls-shortcode-language {
	width: 85px !important;
}
/* Footer ===============================================================================
====================================================================================== */
.centered>div {
    align-items: center;
    display: flex;
    flex-direction: column;
}