@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800&display=swap&subset=latin-ext');

html{
	margin-top:0 !important;
	color: var(--default-text-color);
	font-family: 'Open Sans', sans-serif;
}

body {
	padding-top: var(--main-nav-height);
	background-color:var(--background-color);
	color: var(--default-text-color);
	font-family: 'Open Sans', sans-serif;
	
	font-size:16px;
}

a{
	color:var(--link-color);
}

*, *::before, *::after{
	box-sizing: border-box;
}

ul{
	list-style:none;
	padding-left:0;
	
}

ul li{
	margin-left:0;
	padding-left:0;
}

#ss-logo-top{
	margin:30px 0 30px 0;
	height: calc(var(--main-nav-height) - 60px);	
}

#imgw-logo-top,
#wp-logo-top
{
	display:none;
}

#imgw-logo{
}

#imgw-logo-small{
    display:none;
    }

#bs-example-navbar-collapse-1{
	background-color:#ffffff;
}

#bs-example-navbar-collapse-1 .current-page-parent>a,
#bs-example-navbar-collapse-1 .current-page-ancestor>a{
	color: var(--default-teal);
	border-bottom:1px solid var(--default-teal);
}

/* nawigacja aktualnosci/archiwum */
.screen-reader-text{
	display:none;
}

/* admin bar */
#wpadminbar{
	display:none;
}

#intranet-brand{
	margin-left:1vw;
	background-color:#093272;
	height: var(--main-nav-height);
	padding:0.7rem 0.5rem 0 0.7rem;
	box-sizing: border-box;	
}

a#intranet-logo{
    font-size: 1.2rem;
    color: var(--default-gray);
}

img#imgw-logo{
    height: calc(var(--main-nav-height) - 30px );
    margin-left:1.6rem;
    margin-right:10px;
}

@media (min-width: 992px) {

    a#intranet-logo{
        border-left:1px solid var(--light-gray);
        padding:1.2rem;
    }

    a#intranet-logo:hover{
        text-decoration: none;
        color: var(--light-gray);
    }
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#menu-main{
    padding-right:3.2rem;
}

#menu-main a {
    font-weight:bold;
    margin-left:1.6rem;
}

#menu-main li.dropdown ul.dropdown-menu a{
	font-size:.8rem;
	margin-left:0;
	margin:.4rem auto;
}

#menu-main li.current_page_item a.dropdown-item{
	background-color:#ffffff;
	border-bottom:none;
}

#menu-main li.dropdown ul.dropdown-menu a:hover{
	color:var(--default-teal);
	background-color:#ffffff;
}

.bg-light {
    background-color: #ffffff!important;
}

.navbar{
	border-bottom:1px solid #e5e5e5;
}

.navbar-dark .navbar-nav .nav-link {
    /*color: rgba(255,255,255,.5);*/
    color:#88cfe2;
    height: var(--main-nav-height);
    padding-top:1.3rem;
    box-sizing: border-box
}

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: #1fb9d4;
    border-bottom:1px solid #1fb9d4;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255,255,255,.75);
    border-bottom:1px solid #ffffff;
}

.navbar{
	height: var(--main-nav-height);
	padding:0;
	box-sizing: border-box;
}

#bs-example-navbar-collapse-1 ul.dropdown-menu{
	right: 0;
    left: auto;
}

#menu-main a{
	color: var(--default-text-color);
}

#menu-main .current_page_item a, 
#menu-main>.current_page_parent>a{
	color: var(--default-teal);
	border-bottom:1px solid var(--default-teal);
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.has-search .form-control {
    padding-left: 2.375rem;
    border:none;
    border-bottom: 1px solid #cacbe0;
    border-radius: 0;
    color:#093272;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #093272;
}

/*
* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MAIN & SUB MENU
*/



/*
* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: PAGE SUB MENU
*/
	
#page-sub-menu ul{
	display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    flex-direction: column!important;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	padding-inline-start: 40px;
	line-height: 2rem;
}

/*
* ::::::::::::::::::::::::::::::::::::::::: single.php
*/

.title-bar{
	color:#ffffff;
	padding:1.6rem;
	background-color:#7C878E;
}

.page-title-bar{
	background-color:#007CA4;
}

.single-post-title-bar{
	background-color:#008578;
}

.single-post-title-bar em{
	font-style: normal;
}

.archive-title-bar{
	background-color:#002D72;
}

.archive-date-col{
	background-color:#ffffff;
	/*color:#BEC3C6;*/
	color:var(--default-teal);
}

.archive-date-col h1{
	font-size:4rem;
	font-weight:bold;
	margin:0;
	padding:0;
	line-height:3rem;
}

.archive-articles-date{
	background-color:#323232;
}

.page-title-bar h1,
.single-post-title-bar h1, 
.single-post-title-bar em,
.archive-title-bar h1,
.archive-articles-list h3,
.archive-articles-list em{
	font-weight:bold;
}

.archive-articles-list h3 a{
	font-size:1.4rem;
	font-weight:bold;
	color:#1f2a44;
}

.archive-articles-list p{
	color:#797979;
	font-size:1rem;
	line-height: 1.6rem;
}

.archive-articles-list hr{
	margin:2rem auto;
}

.single-post-title-bar a,
.archive-title-bar a,
.page-title-bar a{
	color:#2CD5C4;
}

.page-content,
.single-post-article,
.archive-articles-list,
.archive-sidebar{
	background-color:#ffffff;
	padding:1.6rem;
	padding-top:2.4rem;
}

.sticky-post{
	margin-bottom:1rem;
	padding:1.5rem 0 1rem 0;
	border-radius: 4px;
	/*border:1px solid #e95103;*/
	background-color:#fef0e6;
}

.archive-articles-list.sticky-post:last-child{
	margin-bottom:4rem;
}

.sticky-post .archive-date-col,
.sticky-post .archive-date-col h1,
.sticky-post .archive-date-col h5{
	color:#e95103;
	background-color:#fef0e6;
}

.month-big{
	display:block;
}

.month-mobile{
	display:none;
}


/*
*
* ::::::::::::::::::::::::::::::::::::::::::::::::::: widget
*
*/
.social-icons a i{	
	color:#79858d;
}

/*
*
* ::::::::::::::::::::::::::::::::::::::::::::::::::: widget
*
*/


aside.side-widget{
	box-sizing: border-box;
	padding-bottom:1rem;
	margin-bottom:2rem;
}


aside.side-widget h4{
	color: var(--default-text-color);
	font-weight:300;
}

aside.side-widget .tagcloud{
	text-align:justify;
}

aside.side-widget ul{
	list-style-type: none;
	padding-left: 0;
}

aside.side-widget ul li{
	display: list-item;	
}


/*
* MEDIA QUERIES
*/

@media (max-width: 480px) {

    #imgw-logo{
        display:none;
    }

	.archive-date-col h1{
		font-size:2.5rem;
	}
	
	.month-big{
		display:none;
	}
	
	.month-mobile{
		display:block;
	}

    #imgw-logo-small{
        display:block;
        height:90px;
        padding-left:0.5rem;
        margin:0;
    }

}

@media (min-width: 480px) and (max-width: 767px) {
    
    #imgw-logo{
        display:none;
    }

    #imgw-logo-small{
        display:block;
        height:90px;
        padding-left:0.5rem;
        margin:0;
    }
    
	.month-big{
		display:none;
	}
	
	.month-mobile{
		display:block;
	}
    
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: .page-left-sidebar */

.page-left-sidebar{
	background-color:#ffffff;
	padding:1.6rem;
	padding-top:2.4rem;
}

.page-left-sidebar #page-sub-menu>ul{
	padding-left:0;
	margin:0;
	font-weight:bold;
	font-size:0.9rem;
}

.page-left-sidebar #page-sub-menu ul li a{
	color:var(--default-text-color);
}

.page-left-sidebar #page-sub-menu ul li.current_page_item a{
	color:var(--default-teal);
	font-weight:bold;
}

.page-left-sidebar #page-sub-menu .children{
	margin:0;
	padding-left:1rem;

}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.archive-articles-list>.row{
	margin-left:0;
	margin-right:0;
}