/* ==========================================================
   HEADER
   Noclegi u Boguszów
========================================================== */

:root{
    --header-height:130px;
}

header .custom-logo-link img {
  max-width: 300px;
  width: 300px;
}

/* ==========================================================
   GŁÓWNY HEADER
========================================================== */

#masthead{

    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:var(--header-height);

    z-index:1000;

}

.ast-site-identity{
    padding: 0;	
}

.ast-primary-header-bar.main-header-bar{
	margin-top: 0 !important;
}

/* ==========================================================
   CIEMNY PASEK
========================================================== */

#masthead::before{

    content:"";

    position:absolute;
    inset:0;

    z-index:-1;

    background:linear-gradient(
        to bottom,
        rgba(18,22,17,.50) 0%,
        rgba(18,22,17,.48) 55%,
        rgba(18,22,17,.38) 100%
    );

    border-bottom:1px solid rgba(255,255,255,.06);

}

/* ==========================================================
   USUNIĘCIE TŁA ASTRY
========================================================== */

#masthead .ast-main-header-wrap,
#masthead .ast-primary-header-bar,
#masthead .site-primary-header-wrap{

    background:transparent !important;
    box-shadow:none !important;
    border:none !important;

}

/* ==========================================================
   KONTENER
========================================================== */

.site-primary-header-wrap.ast-container{

    max-width:1140px !important;
    width:100%;

    margin:0 auto;

    padding-inline:20px;

}

/* ==========================================================
   WYSOKOŚĆ
========================================================== */

.ast-builder-grid-row{

    min-height:var(--header-height);

}

/* ==========================================================
   LOGO
========================================================== */

.site-branding img{

    max-height:130px;
    width:auto;

    display:block;

    transition:.25s ease;

}

/* ==========================================================
   MENU
========================================================== */

.main-header-menu > li > a{

    color:#fff !important;

    font-size:14px;
    font-weight:500;

    letter-spacing:.14em;
    text-transform:uppercase;

    transition:.25s ease;

}

.main-header-menu > li > a:hover{

    color:#D2AE67 !important;

}

.current-menu-item > a{

    color:#D2AE67 !important;

}

/* ==========================================================
   PRZYCISK
========================================================== */

.ast-custom-button{

    background:#7E896E !important;

    color:#fff !important;

    border-radius:4px;

    padding:0 28px;

    height:46px;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:13px;
    font-weight:600;

    letter-spacing:.18em;
    text-transform:uppercase;

    transition:.25s ease;

}

.ast-custom-button:hover{

    background:#6E7A5F !important;

}

/* ==========================================================
   RESPONSYWNOŚĆ
========================================================== */

@media(max-width:921px){

    :root{

        --header-height:82px;

    }

    .site-branding img{

        max-height:60px;

    }

}

@media(max-width:544px){

    :root{

        --header-height:74px;

    }

    .site-branding img{

        max-height:54px;

    }

}