/*
Theme Name: NOO JobMonster Child Theme
Description: This is a custom child theme for NOO JobMonster
Template: noo-jobmonster

*/

.home h2.bs-page-title {
    display: none;
}

a.main-site-link,
a.navbar-brand {
    display: flex;
    align-items: center;
}

.navbar-header {
    display: flex;
    flex-direction: row-reverse;
}

a.navbar-brand {
    width: 200px;
}


.noo-topbar {
    background: #151F3E;
}

:root {
    --fhd-space: 12.5vw;
    --desktop-space: 11vw;
    --tablet-space: 9.5vw;
    --mobile-space: 6.5vw;
    --fhd-width-margin: calc(100vw - var(--scrollbar-width, 17px) - (2 * var(--fhd-space)));
    --desktop-width-margin: calc(100vw - var(--scrollbar-width, 17px) - (2 * var(--desktop-space)));
    --desktop-width: calc(100vw - var(--scrollbar-width, 17px));
    --tablet-width-margin: calc(100vw - var(--scrollbar-width, 0px) - (2 * var(--tablet-space)));
    --tablet-width: calc(100vw - var(--scrollbar-width, 0px));
    --mobile-width-margin: calc(100vw - var(--scrollbar-width, 0px) - (2 * var(--mobile-space)));
    --mobile-width: calc(100vw - var(--scrollbar-width, 0px));
}



/* marginesy */
.home header.noo-page-heading {
    display: none;
}

.main-content.container-boxed.max.offset,
.row {
    margin: 0px;
    padding: 0px;

}


.container-boxed.max {
    margin: 0px;
}

html,
body {

    overflow-x: hidden;
    width: 100%;
}

.site>div.container-boxed,
.noo-header .container-boxed.max {
    padding-left: 0px;
    padding-right: 0px;
}


.main-content.container-boxed.max.offset,
.container-wrap .main-content.container-boxed.max.offset>.row,
.container-boxed.max,
.site .mec-container {
    max-width: 1920px;
}

/*MOBILE MARGINESY */
@media(max-width:768px) {

    body:not(.archive) .site>div.container-boxed,
    body:not(.archive) .site>div.container-boxed.max.main-content,
    .bs-newsletter-widget,
    .colophon .container-boxed:not(.jform .container-boxed),
    .noo-header .container-boxed.max:not(.jform .container-boxed.max),
    .noo-page-heading .container-boxed.max:not(.jform .container-boxed.max),
    .home .noo-topbar .container-boxed,
    .site>div.container-wrap,
    .member-heading .member-heading-nav,
    .site .mec-container{
        width: var(--mobile-width-margin);
        margin: 0 var(--mobile-space);

    }


    .noo-main.col-md-12>div.bs-alignfull,
    .wp-block-group.events-block {
        margin-left: calc(var(--mobile-space)* (-1));
        width: var(--mobile-width);
        margin-right: var(--mobile-space);
    }



    html,
    body {
        max-width: var(--mobile-width);

    }

    .container-boxed.max,
    .container-boxed {
        width: var(--mobile-width-margin);
    }
}

/*TABLET MARGINESY */
@media (min-width: 800px) and (max-width: 991px) {
  /*  .site .container-boxed {
        width: 100%;
    }*/
}


@media(min-width:768px) and (max-width:992px) {

    body:not(.archive) .site>div.container-boxed,
    body:not(.archive) .site>div.container-boxed.max.main-content,
    .bs-newsletter-widget,
    .colophon .container-boxed:not(.jform .container-boxed),
    .noo-header .container-boxed.max:not(.jform .container-boxed.max),
    .noo-page-heading .container-boxed.max:not(.jform .container-boxed.max),
    .home .noo-topbar .container-boxed,
    .site>div.container-wrap,
    .member-heading .member-heading-nav,
    .site .mec-container{
        width: var(--tablet-width-margin);
        margin: 0 var(--tablet-space);

    }

    .noo-main.col-md-12>div.bs-alignfull,
    .wp-block-group.events-block {
        margin-left: calc(var(--tablet-space)* (-1));
        width: var(--tablet-width);
        margin-right: var(--tablet-space);
    }





    html,
    body {
        max-width: var(--tablet-width);

    }

    .container-boxed.max,
    .container-boxed {
        width: var(--tablet-width-margin);
    }

}



/*DESKTOP MARGINESY*/
@media(min-width:992px) and (max-width:1440px) {


    body:not(.archive) .site>div.container-boxed,
    body:not(.archive) .site>div.container-boxed.max.main-content,
    .bs-newsletter-widget,
    .colophon .container-boxed:not(.jform .container-boxed),
    .noo-header .container-boxed.max:not(.jform .container-boxed.max),
    .noo-page-heading .container-boxed.max:not(.jform .container-boxed.max),
    .home .noo-topbar .container-boxed,
    .site>div.container-wrap,
    .member-heading .member-heading-nav,
    .site .mec-container{
        width: var(--desktop-width-margin);
        margin: 0 var(--desktop-space);

    }


    .noo-main.col-md-12>div.bs-alignfull,
    .wp-block-group.events-block {
        width: var(--desktop-width);
        margin-left: calc(var(--desktop-space)* (-1));
        margin-right: var(--desktop-space);
    }





    html,
    body {
        max-width: var(--desktop-width);

    }
    

    
    .container-boxed.max,
    .container-boxed {
        width: var(--desktop-width-margin);
    }
}


/*FULL HD MARGINESY */
@media(min-width:1440px) {

 
    .page-template-page-post-resume .main-content.container-boxed.max.offset,
    .single-noo_resume .main-content.container-boxed.max.offset body:not(.archive) .site>div.container-boxed, 
    body:not(.archive) .site>div.container-boxed,
    body:not(.archive) .site>div.container-boxed.max.main-content,
    .bs-newsletter-widget,
    .colophon .container-boxed:not(.jform .container-boxed),
    .noo-header .container-boxed.max:not(.jform .container-boxed.max),
    .noo-page-heading .container-boxed.max:not(.jform .container-boxed.max),
    .home .noo-topbar .container-boxed,
    .site>div.container-wrap,
    .member-heading .member-heading-nav,
    .site .mec-container {
        width: var(--fhd-width-margin);
        margin: 0 var(--fhd-space);

    }


    .noo-main.col-md-12>div.bs-alignfull,
    .wp-block-group.events-block {
        margin-left: calc(var(--fhd-space)* (-1));
        margin-right: 0 var(--fhd-space);
        width: var(--desktop-width);
    }
        
    .container-boxed.max,
    .container-boxed {
        width: var(--fhd-width-margin);
    }

}

/* stala szerokosc */
@media (min-width:2560px) {
    body:not(.archive) .site>div.container-boxed,
    body:not(.archive) .site>div.container-boxed.max.main-content,
    .bs-newsletter-widget,
    .colophon .container-boxed:not(.jform .container-boxed),
    .noo-header .container-boxed.max:not(.jform .container-boxed.max),
    .noo-page-heading .container-boxed.max:not(.jform .container-boxed.max),
    .home .noo-topbar .container-boxed,
    .site>div.container-wrap,
    .member-heading .member-heading-nav,
    .site .mec-container,.events-block .is-layout-constrained

    /*
    .main-content.container-boxed.max.offset,
    .container-wrap .main-content.container-boxed.max.offset>.row,
    .single-noo_resume .main-content.container-boxed.max.offset */
        {
        width: 1920px;
        margin-left: auto;
        margin-right: auto;


    }

    .noo-main.col-md-12>div.bs-alignfull,
    .wp-block-group.events-block {
        width: var(--desktop-width);
        margin-left: calc((1920px - 100vw) / 2);
    }
    
    .container-boxed.max,
    .container-boxed {
        width: 1920px;
        margin-left: auto;
        margin-right: auto;
    }

    /* do styli */
    .wp-block-cover .wp-block-cover__inner-container,
    .wp-block-cover-image .wp-block-cover__inner-container {
        width: 1920px
    }

    .wp-block-group.bs-alignfull>.wp-block-group__inner-container>.wp-block-cover {
        padding-left: 0px;
    }

}



/*bloki do styli */
.wp-block-cover.is-light,
.container-boxed.max {
    padding: 0px;
}