/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


 
 #masthead { 
     background: black;
     height: 46px;
     
     width: 100%;
     z-index: 101;
     -webkit-transition: all 100ms ease-in-out;
     -moz-transition: all 100ms ease-in-out;
     -ms-transition: all 100ms ease-in-out;
     -o-transition: all 100ms ease-in-out;
     transition: all 100ms ease-in-out
 }

 .main-title a {
    color: white;
    font-size: 46px;
    font-weight: 300;
    letter-spacing: -2px;
 }

  .main-title a:hover {
    color: white !important;
  }

 .header-bg img {
        display: block;
            width: 100%;
 }

 .header-widget {
     position: fixed;
     right: 0;
     z-index: 101
 }

 #menu-main {
     background: black
 }

 .header-widget .menu {
     display: flex
 }

 .header-widget .menu li {
     margin-right: 5px;
     margin-left: 5px
 }

 #site-navigation {
     
     width: 100%;
    height: 90px;
    display: flex;
    
     -webkit-transition: all 100ms ease-in-out;
     -moz-transition: all 100ms ease-in-out;
     -ms-transition: all 100ms ease-in-out;
     -o-transition: all 100ms ease-in-out;
     transition: all 100ms ease-in-out;
     border-top: 1px solid rgba(0, 0, 0, .05);
     -webkit-box-shadow: 0 3px 5px rgb(0 0 0 / 5%);
     -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .05);
     box-shadow: 0 3px 5px rgb(0 0 0 / 5%)
 }

 #site-navigation a {
    font-size: 16px;
    text-rendering: optimizeSpeed;
    font-variant-ligatures: no-common-ligatures;
    color: white;
    line-height: 28px;
    font-weight: 400;
    padding: 6px 24px;
    letter-spacing: 1px;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
 }

 .main-navigation ul ul {
box-shadow: none;
    background-color: var(--contrast);
 }

 .main-navigation .main-nav ul ul li a {
    padding-left: 45px !important;
 }

 .menu-item-has-children .dropdown-menu-toggle {
    padding-right: 0 !important; 
 }

 .main-navigation .main-nav ul ul li[class*="current-menu-"]>a {
     background-color: black
 }

 .main-navigation:not(.toggled) ul ul li.sfHover>ul,
 .main-navigation:not(.toggled) ul ul li:hover>ul {
     top: -1
 }



 .inside-header {
     padding: 0px 40px 0 40px
 }

 .inside-navigation {
    width: 100%;
 }

 #site-navigation.sticky {
     top: 0px;
     position: fixed;
 }

 #site-navigation .logo-in-sticky {
        color: white;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: -2px;
    padding-right: 100px;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    transition: opacity 300ms, visibility 300ms ease-in-out;
    font-family: "Source Serif Pro", serif;
    text-transform: none;
 }

  #site-navigation.sticky .logo-in-sticky {
    position: relative;
    color: white;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: -2px;
    padding-right: 100px;
    opacity: 1;
    visibility: visible;
    text-transform: none;
    
 }
 
 .custom-logo-link {
     width: 160px;
 }
 
  #site-navigation .custom-logo-link {
     display: none;
 }
 
 #site-navigation.sticky .custom-logo-link {
     display: block;
 }
 
 

 .custom-menu-class {
    z-index: 3;
    background: black;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    width: 100%;
    margin: auto;
    justify-content: center;
    order: 4;
    border-top: 1px solid #ffffff3b;
 }

 #site-navigation.sticky .custom-menu-class {
border-top: none;
width: auto;
 }



#menu-submeniu {
        display: flex;
    flex-direction: row;
        flex-direction: row-reverse;
}

#menu-submeniu a {
        font-size: 13px !important; 
}

#site-navigation.sticky #menu-submeniu a {
        font-size: 16px !important; 
}

 .site-logo>a>img,
 .logo-steinway-s,
 .logo-senia,
 .logo-senia-p {
     -webkit-transition: all 100ms ease-in-out;
     -moz-transition: all 100ms ease-in-out;
     -ms-transition: all 100ms ease-in-out;
     -o-transition: all 100ms ease-in-out;
     transition: all 100ms ease-in-out
 }

 .site-logo {
     display: flex;
     flex-direction: row-reverse
 }

 .logo-senia {
     width: 146px;
     position: relative;
     opacity: 1;
     padding-right: 20px;
     top: -3px
 }

 .logo-senia-p {
     position: absolute;
     opacity: 0;
     position: absolute;
     width: 96px;
     top: 10px;
     left: 46%;
     transform: translate(-50%, 30px)
 }

 .logo-steinway-s {
     opacity: 0;
     position: absolute;
     width: 48px;
     left: 52%;
     transform: translate(-50%, 30px)
 }

 #masthead.sticky-logo .logo-steinway-s {
     opacity: 1;
     position: absolute;
     width: 236px;
     left: 50%;
     transform: translate(-24%, 0)
 }

 #masthead.sticky-logo {
     height: 68px;
     top: 0;
 }

 #masthead .site-logo>a {
     padding: 0 20px;
     z-index: 9999
 }

 #masthead .site-logo>a>img {
     opacity: 1
 }

 #masthead.sticky-logo .site-logo>a>img {
     transform: translateY(-20px);
     opacity: 0
 }

 #masthead.sticky-logo .logo-senia {
     opacity: 0;
     align-self: start;
     transform: translateY(-20px)
 }

 #masthead.sticky-logo .logo-senia-p {
     opacity: 1;
     transform: translate(-94%, 0)
 }



 #page {
     padding-top: 0px
 }

 h3 {
     font-family: "Oswald", sans-serif;
     font-weight: 500;
     text-transform: uppercase;
     font-size: 27px;
     letter-spacing: 2px
 }

 h5 {
     font-family: "Oswald", sans-serif;
     font-weight: 500;
     text-transform: uppercase;
     font-size: 20px;
     letter-spacing: 2px
 }

 .block-copy h1 {
     letter-spacing: 3px
 }

 .block-copy p {
     max-width: 700px;
     margin: auto !important;
     line-height: 210%;
     text-align: center
 }

 .block-copy ul {
     max-width: 700px;
     margin: auto !important
 }

 .block-copy .gb-headline-text {
     text-align: center
 }

 .yoast-breadcrumbs {
     max-width: 700px;
     margin: auto;
     padding: 30px 0
 }

 .video-intro {
     width: 100vw;
     /* height: calc(100vh - 157px) */
 }

 .video-intro-wrapper {
     overflow: hidden;
     display: flex;
     position: relative;
     margin: 0 !important;
     background: black
 }

 .swiper-button-next,
 .swiper-button-prev {
     color: white;
     padding: 29px;
     background: #cecece
 }

 .swiper-button-disabled {
     color: #ffffff94
 }

 .swiper-pagination-bullet {
     border: 2px white solid
 }

 .swiper-pagination-bullet-active {
     color: white;
     background: white
 }

 blockquote {
     text-align: center;
     border-top: 1px solid rgba(0, 0, 0, .05);
     border-bottom: 1px solid rgba(0, 0, 0, .05);
     border-left: none;
     padding: 45px 0 45px 0;
     font-style: normal
 }

 blockquote p:first-child {
     line-height: 158%;
     font-size: 25px;
     font-weight: 300;
     margin-bottom: 30px
 }

 blockquote .quote-author {
     font-family: "Oswald", sans-serif;
     font-weight: 500;
     text-transform: uppercase;
     font-size: 26px
 }

 blockquote .quote-author-about {
     margin: auto !important;
     text-transform: uppercase;
     font-size: 12px;
     letter-spacing: 3px
 }

 .block-product h2 {
     text-align: center
 }

 .product-panel {
     display: flex
 }

 .product-image,
 .product-text {
     width: 50%
 }

 .product-text {
     padding-left: 35px;
     display: flex;
     flex-direction: column;
     justify-content: center
 }

 .product-text ul {
     margin-bottom: 0
 }

 .finishes-list,
 .crown-jewel-list {
     list-style: none;
     display: flex
 }

 .finishes-list li,
 .crown-jewel-list li {
     margin: 5px
 }

 .finishes p,
 .crown-jewel p {
     max-width: none;
     margin: auto;
     line-height: 210%;
     text-align: left
 }

 .finishes-list span,
 .crown-jewel-list span {
     display: none
 }

 .finishes img,
 .crown-jewel img {
     width: 40px;
     border: 1px solid gray
 }

 .wp-block-ub-tabbed-content-tab-holder {
     background: #f9f9f9;
     border-top: 1px solid #ccc;
     border-bottom: 1px solid #ccc
 }

 .wp-block-ub-tabbed-content-tabs-title {
     justify-content: center !important
 }

 .wp-block-ub-tabbed-content-tab-title-wrap.active {
     border-bottom: 3px solid #000;
     border-color: #000 !important;
     background-color: unset !important
 }

 .wp-block-ub-tabbed-content-tab-title-wrap {
     font-family: Oswald, sans-serif;
     font-style: normal;
     font-weight: 600;
     text-transform: uppercase;
     font-size: 14px;
     letter-spacing: 1px;
     border: none;
     background-color: unset !important;
     border-color: none;
     color: #000000
 }

 .wp-block-contact-form-7-contact-form-selector {
     background: #f2f2f2;
     padding: 40px 0;
     margin-bottom: 0
 }

 .formular-cerere-oferta {
     max-width: 700px;
     margin: auto;
     text-align: center
 }

 .formular-cerere-oferta h1 {
     letter-spacing: 3px
 }

 .formular-cerere-oferta p {
     color: #999
 }

 .formular-cerere-oferta>div {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between
 }

 .formular-cerere-oferta>div>div {
     width: calc(50% - 5px);
     margin-bottom: 10px
 }

 .formular-cerere-oferta>div>div:last-of-type {
     width: 100%
 }

 #btn-trimite-formular {
     display: block
 }

 .wpcf7 .ajax-loader {
     position: absolute
 }

 .gb-button-wrapper .buton-contact,
 .gb-button-wrapper .buton-contact:visited {
     background-color: #b40610;
     color: #ffffff;
     font-family: Oswald, sans-serif;
     font-size: 14px;
     font-weight: 500;
     text-transform: uppercase;
     letter-spacing: .06em;
     padding: 15px 20px;
     text-transform: uppercase
 }

 body:not(.wp-admin) .wp-block-gutenberg-examples-example-05-recipe-card h2 a,
 body:not(.wp-admin) .wp-block-gutenberg-examples-example-05-recipe-card h2 {
     color: white;
     font-family: 'Oswald', sans-serif;
     font-size: 28px;
     font-weight: 500;
     text-align: center
 }

 .manufactory-grid .recipe-image>div {
     height: 300px
 }

 .wp-block-gutenberg-examples-example-05-recipe-card h2 {
     width: 100%;
     height: 100%;
     position: absolute;
     bottom: 0 !important;
     margin-bottom: 0;
     display: flex;
     justify-content: center;
     align-items: flex-end;
     background: linear-gradient(0deg, #0000007a, 30%, transparent);
     padding-bottom: 30px
 }

 .wp-block-gutenberg-examples-example-05-recipe-card h2 a {
     width: 100%;
     height: 100%;
     position: absolute;
     bottom: 0;
     margin-bottom: 0;
     display: flex;
     justify-content: center;
     align-items: flex-end;
     padding-bottom: 40px
 }

 .slider-intro figure {
     height: calc(100vh - 50px);
     overflow: hidden;
     display: flex;
     position: relative;
     justify-content: center;
     flex-direction: column;
     align-items: center
 }

 .slider-intro figure img {
     max-height: unset !important;
     width: 100%;
     object-fit: cover
 }

 .slider-intro figure figcaption {
     position: absolute;
     left: 10%;
     top: 10%;
     font-family: "Oswald", sans-serif;
     font-weight: 500;
     text-transform: uppercase;
     font-size: 36px;
     color: white;
     width: 250px;
     text-align: left !important
 }

 .slider-intro.text-bottom figure figcaption {
     left: unset;
     top: unset;
     bottom: 10%;
     right: 10%
 }

 .inside-top-bar {
     padding: 0 !important
 }

 #custom_html-2 {
     position: fixed;
     right: 0;
     top: 50%;
     z-index: 9999
 }

 .fb-floating,
 .tel-floating,
 .mail-floating {
     margin: 5px 0;
     width: 40px;
     height: 40px;
     background: #bc9a6a;
     display: flex;
     justify-content: center;
     align-items: center;
     padding-bottom: 5px
 }

 .fb-floating img,
 .tel-floating img,
 .mail-floating img {
     width: 30px;
     height: 30px
 }

 .lista-artisti {
     width: 300px;
     margin: auto
 }

 .finishes.cjselection img,
 .crown-jewel.cjselection img {
     width: 63px
 }

 .finishes.cjselection,
 .crown-jewel.cjselection {
     width: 30%
 }

 .finishes.cjselection~.product-image,
 .crown-jewel.cjselection~.product-image,
 .finishes.cjselection~.product-text,
 .crown-jewel.cjselection~.product-text {
     width: 70%
 }

 .finishes.cjselection .finishes-list,
 .crown-jewel.cjselection .crown-jewel-list {
     flex-wrap: wrap;
     margin: 0 0 30px 0
 }

 .product-panel.cjselection .precizare {
     margin-top: 20px !important;
     font-size: 11px;
     line-height: 18px;
     color: #aaa
 }

 .lista-black-masterpiece {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     max-width: 700px;
     margin: auto
 }

 .lista-black-masterpiece div {
     width: 31%;
     margin: 1%;
     position: relative;
     justify-content: center;
     align-items: center;
     display: flex
 }

 .lista-black-masterpiece div::before,
 .lista-black-masterpiece div h5 {
     -webkit-transition: all 100ms ease-in-out;
     -moz-transition: all 100ms ease-in-out;
     -ms-transition: all 100ms ease-in-out;
     -o-transition: all 100ms ease-in-out;
     transition: all 100ms ease-in-out
 }

 .lista-black-masterpiece div::before {
     content: "";
     width: 100%;
     height: 100%;
     background: rgb(0 0 0 / 57%);
     position: absolute;
     opacity: 0
 }

 .lista-black-masterpiece div h5 {
     position: absolute;
     z-index: 2;
     color: white;
     margin: 0;
     opacity: 0
 }

 .lista-black-masterpiece div:hover h5,
 .lista-black-masterpiece div:hover::before {
     opacity: 1
 }

 .adrese-contact a,
 .adrese-contact p {
     text-align: center;
     margin: auto;
     display: flex;
     justify-content: center;
     align-items: center;
     margin: 15px 0
 }

 .adrese-contact img {
     width: 28px;
     height: 28px;
     margin-right: 6px
 }

 .page-id-839 .wp-block-gutenberg-examples-example-05-recipe-card:not(.grid-img-full) .recipe-image div {
     height: 300px
 }

 .meniu-home {
     background: #f9f9f9;
     border-top: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
     width: 100%;
     padding: 10px 0
 }

 .meniu-home ul {
     list-style: none;
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     max-width: 700px;
     margin: auto;
     flex-wrap: wrap
 }

 .meniu-home li {
     font-family: Oswald, sans-serif;
     font-style: normal;
     font-weight: 600;
     text-transform: uppercase;
     font-size: 14px;
     letter-spacing: 1px;
     border: none;
     background-color: unset !important;
     color: #000000;
     padding: 5px 5px
 }

 .meniu-home li a {
     color: #222222 !important
 }

 .logo-boston-brosura {
     width: 150px
 }

 .grid-small-text h2 {
     font-size: 18px !important;
     font-family: "Source Serif Pro", serif !important;
     font-style: italic;
     padding-left: 20px;
     padding-right: 20px;
     text-transform: none
 }

 .block-copy.alin-left p {
     text-align: left !important
 }

 /* ACORDOR */

 .casete .gb-container {
    justify-content: center;
    height: 500px !important;
    padding: 30px;
 }

 .casete h3 {
    font-size: 50px;
    color: white;
 }

 .brands img {
    height: 53px;
 }

  .brands .gb-grid-column:first-child img  {
    height: 70px;
 }

 .brands figure {
        height: 110px;
        display: flex !important;
    justify-content: center;
    align-items: center;
 }

.brands .gb-button-wrapper {
margin: 15px 0;
}

.brands .gb-button-wrapper .gb-button {
        border: 1px solid;
}

 /* SLIDER */

.swiper {
      width: 100%;
      height: 600px;
      padding-bottom: 30px;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 40%;
    }

    .swiper-button-prev {
        bottom: 50px !important;
    left: 20px;
    top: unset;
    }

    .swiper-button-next {
bottom: 50px !important;
    right: 20px;
    top: unset;
    }

    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 25px;
    }

    .swiper-button-next, .swiper-button-prev {
    color: black;
    padding: 29px;
    background: #ffffff;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
}

.swiper-scrollbar {
width: 100% !important;
    left: 0 !important;
    bottom: 14px !important;
    top: unset !important;
}

    .blogslide {
            background: #0000008a;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    }

    .postimg {
height: 100%;
    display: block;
    width: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    }

    .postimg img {
    display: block;
    width: 100% !important;
    object-fit: cover;
    height: 100%;
    }

    .blogslide h2 {
    color: white;
    font-weight: 400;
    text-align: left;
    padding: 0 40px 0 40px;
    font-family: "Oswald", sans-serif;
    letter-spacing: 1px;
    }

    .blogslide p {
                color: white;
    font-size: 16px;
    text-align: left;
    
    padding: 0 40px 0 40px;
    }

    .blogslide .data {
font-family: "Oswald", sans-serif;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
    }

    .vezimaimult {
        background: #000000;
    }
    
    .vezi-pe-blog {
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .vezi-pe-blog h2 {
        font-size: 60px;
    }

    .scrollanim .h2, .scrollanim p {
        max-width: 460px;
    }
    
    
    .custom-logo {
         width: 200px;
     }
    

 @media screen and (max-width:768px) {
     
     .custom-logo {
         width: 117px;
     }
     
     .custom-logo-link {
    width: 120px;
    padding: 0 !important;
    margin-left: 43px;
}

     .finishes.cjselection,
     .crown-jewel.cjselection {
         width: 100%
     }

     .finishes.cjselection~.product-image,
     .crown-jewel.cjselection~.product-image,
     .finishes.cjselection~.product-text,
     .crown-jewel.cjselection~.product-text {
         width: 100%
     }

     .video-intro {
         height: auto
     }

     #masthead.sticky-logo .logo-steinway-s {
         transform: translate(-23%, 0)
     }

     #masthead.sticky-logo .logo-senia-p {
         transform: translate(-130%, 0)
     }

     .inside-header.grid-container,
     #masthead .site-logo>a,
     .site-logo {
         height: 100%
     }

     #masthead .site-logo {
         flex-direction: column
     }

     #masthead.sticky-logo .site-logo {
         flex-direction: row-reverse
     }

     .site-header .header-image {
         width: 110px
     }

     .logo-senia {
         padding-right: 0;
         width: 90px
     }

     #masthead {
             height: 30px;
     }

     #site-navigation {
         top: 144px
     }

     #page {
         /*padding-top: 203px*/
     }
     
     

     #masthead.sticky-logo~#page {
         padding-top: 157px
     }

     .main-navigation.toggled .main-nav {
         background: white;
         border: 1px solid #e0e0e0;
         z-index: 2;
     }

     .product-panel {
         display: flex;
         flex-direction: column
     }

     .product-image,
     .product-text {
         width: 100%
     }

     .product-text {
         padding-left: 0;
         padding-bottom: 30px
     }

     .gb-inside-container {
         padding: 20px !important
     }

     .gb-grid-wrapper {
         box-sizing: border-box
     }

     .wp-block-contact-form-7-contact-form-selector {
         padding: 40px 18px
     }

     .formular-cerere-oferta>div>div {
         width: 100%
     }

     .formular-cerere-oferta>div>div input {
         width: 100%
     }

     .yoast-breadcrumbs {
         padding: 30px 18px;
         text-align: center
     }

     .slider-intro figure {
         height: 50vh
     }

     .slider-intro figure img {
         height: 50vh;
         object-fit: cover
     }

     .wp-block-ub-tabbed-content-tabs-title {
         flex-wrap: wrap
     }

     .wp-block-ub-tabbed-content-tabs-content .gb-grid-wrapper>.gb-grid-column:nth-child(2) {
         padding-top: 30px
     }

     .video-intro-wrapper {
         margin-bottom: 30px !important
     }
     
     /* ACORDOR */
     
     .header-bg {
             width: 300vw;
                margin: auto;
                transform: translateX(-50%);
                left: 50%;
                display: block;
                position: relative;
     }
     
     .casete h3 {
    font-size: 30px;
    color: white;
}

.swiper-slide {
    width: 90%;
}

.blogslide .paragraf {
    display: none;
}

.swiper {
    height: 412px;
}

.casete .gb-container {
    height: 412px !important;
}

.menu-toggle {
     margin: auto;
}

#site-navigation.sticky .menu-toggle {
    margin: 0 25px 0 auto;
}

.animbg {
    min-height: 45vh !important;
}

body {
        overflow: hidden;
    width: 100vw;
 }
 
 html {
     overflow:auto;
 }
 
 #site-navigation.sticky .custom-menu-class {
    border-top: none;
    width: 100%;
}
     
 }