/*
Theme Name:   LMK child theme
Theme URI:    https://www.lmknordicpartners.com/lmk-theme/
Description:  Twenty Twenty-Four Child Theme
Author:       Hussein Khafaji
Author URI:   https://www.lmknordicpartners.com/
Template:     twentytwentyfour
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  twentytwentyfourchild
*/
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/


@font-face {
  font-family: 'tt-Nooks';
  src: url('tt-nooks/TT_Nooks_Regular.woff2') format('woff2'),
       url('tt-nooks/TT_Nooks_Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

:root{
    --transition: all 0.5s cubic-bezier(0.33, 1, 0.68, 1);
}

@keyframes openclippath {
        from {
            clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
        }
        
        to {
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        }
    }
        
    @keyframes closeclippath {
        from {
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        }
        
        to {
            clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
        }
    }

.page-id-39 header, .page-id-39 footer, .page-id-39 .swiper{
    display: none;
}

.page-id-39 body{
    max-height: 100vh;
    overflow-y: hidden;
}

html{
    overflow-x: hidden;
}

body{
    overflow: hidden;
}

body, h4, h6{
    font-family: 'Merriweather Sans', sans-serif;
}

body *:not(.swiper *){
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
}

h1, h2, h3, h5, .nooks-font{
    font-family: "tt-nooks", serif !important;
}

h1 a{
    font-size: var(--wp--preset--font-size--xx-large);
}

h3 a{
    font-size: clamp(1.378rem, 1.378rem + ((1vw - 0.2rem) * 1.09), 2.25rem);
}

h4 a{
    font-size: clamp(0.984rem, 0.984rem + ((1vw - 0.2rem) * 0.645), 1.5rem);
}

h5 a{
    font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.406), 1.2rem);
}

.splitting .word{
    overflow: hidden;
}

.wp-block-button:hover .wp-block-button__link{
    background-color: var(--wp--preset--color--contrast-3);
}

.wp-block-button .wp-block-button__link{
    font-family: "roboto", Arial;
}

.light-button .wp-block-button__link:hover{
    background-color: var(--wp--preset--color--contrast-2) !important;
}

.block-editor-block-list__block.height-fit-content{
    height: fit-content !important;
}

.full-width{
    width: 100%;
}
.wp-block-image img{
    width: 100%;
}

.hidden-overflow{
    overflow: hidden;
}

.visible-overflow{
    overflow: visible;
}

.wp-block-image.full-width-img img {
    height: 75vh;
    max-height: 600px;
    -o-object-fit: cover;
       object-fit: cover;
}

.hide{
    display: none !important;   
}
.relative{
    position: relative !important;
}
.absolute{
    position: absolute;
}
.bottom{
    bottom: 0;
}
.flex-center{
    display: flex;
    align-items: center;
    justify-content: center;
}

.column-direction{
    flex-direction: column;
}

.top-index{
    z-index: 9;
}

.no-text-decoration, .page-numbers{
    text-decoration: none;
}

.no-text-decoration-hover:hover a{
    text-decoration: none;
}

.no-opacity{
    opacity: 0;
}

.top-align-img img{
    -o-object-position: top;
       object-position: top;
}

.arrow-link-white:hover .wp-block-button__link{
    color: var(--wp--preset--color--contrast-3);
}

.wp-block-query .wp-block-heading:not(.block-editor-rich-text__editable){
    pointer-events: none !important;
}
.wp-block-query ul li:hover .wp-block-heading{
    scale: 1.1;
}

.max-height img{
    max-height: 75vh;
    max-height: 75svh;
}

.max-height-600{
    height: 75vh;
    height: 75svh;
    max-height: 600px;
}

/* Header*/
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover, .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover{
    color: var(--wp--preset--color--contrast-3);
}

.sticky-header{
	position: fixed;
    background: white;
    width: 100vw;
    z-index: 99;
    -webkit-animation: slideDown 0.5s forwards;
            animation: slideDown 0.5s forwards;
}
@-webkit-keyframes slideDown {
  0% {
    top: -100px; /* Adjust this value to match your header's height */
  }
  100% {
    top: 0;
  }
}
@keyframes slideDown {
  0% {
    top: -100px; /* Adjust this value to match your header's height */
  }
  100% {
    top: 0;
  }
}



/* Current page */
nav [aria-current="page"]:not(.page-numbers.current), .single-uutiset .active-parent-page a{
    text-decoration: underline !important;
    text-underline-offset: 2px;
}

.wp-block-query-pagination-numbers > *{
    font-size: 1.2rem;
    padding-inline: 10px;
}

.wp-block-query-pagination-next , .wp-block-query-pagination-previous{
    width: 40px;
    height: 40px;
    border-radius: 50px !important;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wp-block-query-pagination-next .is-arrow-arrow , .wp-block-query-pagination-previous .is-arrow-arrow{
    display: none;
}

.wp-block-query-pagination-next:after, .wp-block-query-pagination-previous:after{
    content: url('https://www.lmknordicpartners.com/wp-content/uploads/2024/02/angle-arrow.svg');
    width: 11px;
    height: 18px;
    display: inline-block;
}

.wp-block-query-pagination-previous:after{
    rotate: 180deg;
}

.wp-block-query-pagination-next:hover, .wp-block-query-pagination-previous:hover{
    background: var(--wp--preset--color--contrast-3) !important;
}




/* Swiper JS */
.swiper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.swiper .wp-block-post-featured-image img{
    aspect-ratio: 1 / 1;
}

.hero-section-image img{
    width: 100vw;
    height: 87vh;
}

.swiper.swiper-artists{
    scale: 1.4;
    width: 100%;
    height: 100%;
}

.swiper.swiper-artists .swiper-slide figure{
    margin: 0;
}

.swiper.swiper-artists .swiper-slide .hover-container{
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    transition: var(--transition);
    display: flex;
    position: absolute;
    top: 0;
}

.swiper.swiper-artists .swiper-slide .hover-container, .swiper.swiper-artists .swiper-slide .hover-container .wp-block-post-title, .swiper.swiper-artists .swiper-slide .wp-block-post-title a{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper.swiper-artists .swiper-slide:hover .hover-container{
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.swiper.swiper-artists .swiper-slide .wp-block-post-title a{
    background-color: rgb(212, 181, 172, 0.85);
    flex-direction: column;

}

.swiper.swiper-artists .swiper-slide .wp-block-post-title a:after{
    content: url('https://www.lmknordicpartners.com/wp-content/uploads/2024/02/LMK-right-arrow.svg');
    width: 18px;
    margin-top: 15px;
    height: auto;
    display: block;
}



.swiper .wp-block-post-title{
    position: absolute;
    z-index: 9;
}

.wp-block-post-title:hover a{
    text-decoration: none;
}

.swiper-nav-buttons .wp-block-button .wp-block-button__link{
    display: none;
}
.swiper-button-next, .swiper-button-prev{
    top: auto;
    bottom: 15%;
}
.swiper-button-next:after, .swiper-button-prev:after{
    font-size: 1rem;
    color: black;
    background: white;
    display: flex;
    width: 35px;
    height: 35px;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    transition: var(--transition);
}

.swiper-button-prev:hover:after, .swiper-button-next:hover:after{
    background: var(--wp--preset--color--contrast-2);
}




/*.swiper .swiper-wrapper .swiper-slide:not(.swiper-slide-active) .artists-swiper-nav-buttons {*/
/*    display: none;*/
/*}*/

.testimonial-slider{
    cursor: -webkit-grab;
    cursor: grab;
    height: 480px !important;
}
.testimonial-slider:active{
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.lmk-pattern:not(.no-offset){
    margin-top: -3%;
    z-index: 9;
    width: 100vw;
}

.lmk-pattern{
    height: 6vw;
}

.lmk-pattern img{
    scale: 180%;
}

.phone-lmk-pattern{
    display: none;
}



.wp-block-media-text > div{
    -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important;
}
.image-box img{
    height: 75vh !important;
}
.wp-block-media-text .wp-block-media-text__content{
    padding-right: 0;
}

.wp-element-caption{
    background: rgb(250, 250, 250, 0.75);
    margin-top: -39px !important;
    margin-bottom: 0 !important;
    position: relative;
    padding: 10px 7px;
}

.wp-block-button .wp-block-button__link svg{
    margin-right: 10px;
    scale: 0.9;
}

.normal-letter-case .wp-block-button .wp-block-button__link{
    text-transform: initial;
}

.artists-page-posts li:hover a{
    color: var(--wp--preset--color--accent-2) !important;
}


.artists-page-posts .hover-container a span{
    display: none;
}

.artists-page-posts .hover-container a{
    color: transparent;
    background-color: #d4b5acd9;
    position: absolute;
    display: flex;
    width: 100%;
    height: 80px;
    z-index: 9;
    left: 0;
    bottom: 0;
    opacity: 0;
    transition: var(--transition);
}

.artists-page-posts .hover-container a:after{
    content: url('https://www.lmknordicpartners.com/wp-content/uploads/2024/02/LMK-right-arrow.svg');
    width: 20px;
    margin: auto;
    display: block;
}

.artists-page-posts .wp-block-post:hover .hover-container a{
    opacity: 1;
}



/* Tabs */
.tab:not(.block-editor-block-list__block){
    position: absolute;
    opacity: 0;
}
.tab.show{
    opacity: 1;
    position: relative;
    z-index: 9;
}
.tabs-container .wp-block-button.active .wp-block-button__link{
    background-color: var(--wp--preset--color--accent-2);
}
.tabs-container .wp-block-button.active:hover .wp-block-button__link{
    color: var(--wp--preset--color--contrast);
    background-color: var(--wp--preset--color--accent-2);
}


.wp-block-query .wp-block-post-terms a{
    display: inline-block;
}

.wp-block-query .wp-block-post-terms a:after{
    content: '';
    height: 1px;
    width: 0;
    display: block;
    margin-top: -3px;
    background-color: var(--wp--preset--color--accent-2);
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
}
.wp-block-query .wp-block-post-terms a:hover{
    text-decoration: none;
}
.wp-block-query .wp-block-post-terms a:hover:after{
    width: 100%;
}



/* Contact form */
.forminator-ui .forminator-textarea{
    background-color: white !important;
    border: 1px solid black !important;
    margin-top: 10px !important;
}
.forminator-ui .forminator-input{
    border-bottom: 1px solid black !important;
}
.forminator-ui .forminator-input:hover, .forminator-ui .forminator-input:focus{
    border-bottom: 1px solid #A59383 !important;
}
.forminator-ui .forminator-textarea:hover, .forminator-ui .forminator-textarea:focus{
    border: 1px solid #A59383 !important;

}
.forminator-ui .forminator-button-submit{
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    text-transform: uppercase;
}
.forminator-ui .forminator-button:hover{
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}
.forminator-ui .forminator-label .forminator-required{
    color: #A59383 !important;
}

.wp-block-query ul li:hover h5 a{
    color: var(--wp--preset--color--contrast-3) !important;
}

/* Languages */
.language-switcher{
    display: flex;
    gap: 7px;
    position: absolute;
    right: 0;
}
.language-switcher .language-item{
    list-style-type: none;
    text-transform: uppercase;
    font-weight: bold;
}
.language-switcher .language-item:hover a{
    color: var(--wp--preset--color--contrast-3);
}

.language-switcher .language-item:not(:last-child){
    border-right: 1px solid black;
    padding-right: 7px;
}

.language-switcher .language-item a:not(.current-lang a){
    text-decoration: none;
}

.language-switcher .language-item.current-lang a{
    text-underline-offset: 2px;
}







/* Tablet Styles */
@media only screen and (max-width: 1024px){

    .phone-show{
        display: none;
    }

}



@media only screen and (max-width: 767px){
    
    
    .language-switcher {
        right: 25vw;
    }
    
    .wp-block-navigation__responsive-container-open  {
    display: block !important;
  }

    /* full menu */
    .wp-block-navigation__responsive-container:not(.is-menu-open.has-modal-open) {
    display: none !important;
    }
    
    .wp-block-navigation__responsive-container-open svg{
      display: none;
    }
  
    header nav button.wp-block-navigation__responsive-container-open:after{
      content: url('https://www.lmknordicpartners.com/wp-content/uploads/2024/02/LMK-phone-nav-menu-icon.svg');
      width: 27px;
      height: 18px;
      display: block;
    }
    
    .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{
        background: var(--wp--preset--color--accent);
    }
    
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{
        width: 100%;
        align-items: center;
        padding-top: 3em;
        gap: 3em;
        
    }
    .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
        top: 80px;
        height: fit-content;
        padding-bottom: 10em;
        animation-duration: 300ms;
        animation-name: openclippath;
    }

    
    .phone-space-between{
        justify-content: space-between !important;
    }
    
    h3, h3 a{
    font-size: 1.5rem;
    }
    h3.phone-larg-h3, h3.phone-larg-h3 a{
    font-size: 2.25rem;
    }
    
    .lmk-pattern:not(.no-offset) {
        
        overflow: hidden;
    }
    
    .lmk-pattern img {
        scale: 300%;
    }
        
    footer .lmk-pattern{
        display: none;
    }
    
    .phone-lmk-pattern img{
        height: 200px;
        object-fit: cover;
        
    }
    
    .phone-show{
        display: block;
    }

    .entry-content > .wp-block-group.has-global-padding.is-layout-constrained, .phone-padding-top-bottom{
        padding-top: 15% !important;
        padding-bottom: 15% !important;
    }
    
    .phone-margin-top-60px{
        margin-top: 60px;
    }
    
    .phone-bottom-padding-10perc{
        padding-bottom: 10%;
    }
    
    .wp-block-query:not(.swiper.wp-block-query){
        max-width: 70vw !important;
    }
    
    
    .phone-grid-two-per-row{
        -ms-grid-columns: (minmax(0, 1fr))[2] !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    
    .phone-bottom-border{
        border-bottom: 1px solid var(--wp--preset--color--contrast-2);
        /*padding-bottom: 15% !important;*/
    }
    
    .phone-hero-max-height{
        max-height: 500px;
    }
    
    .swiper.swiper-artists{
        scale: 1.8;
    }
    
    .swiper.swiper-artists .swiper-slide:hover .wp-block-post-title{
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        padding-top: 25%;
    }
    .swiper.swiper-artists .swiper-slide .wp-block-post-title a:after{
        width: 15px;
        bottom: 20%;
    }
    
    .swiper-button-next, .swiper-button-prev{
        top: auto;
        bottom: 5%;
        margin-bottom: 5%;
    }
    
    .wp-block-image.full-width-img img{
        max-height: 300px;
    }
    
    .testimonial-slider p{
            padding-inline: 15%;
    }
    
    .testimonial-slider p{
        font-size: 1.5rem !important;
    }
    
    .reversed-column{
        flex-direction: column-reverse;
    }

    .wp-block-query:not(.swiper.wp-block-query){
        max-width: 100vw !important;
    }
    
    .quote-vertical-border{
        flex-basis: 100px;
    }
    
    .contact-container{
        margin-block: 4em !important;
    }
    
    .wp-block-columns{
        margin-block-start: 2em !important;
    }
    
    
    
    
}








