/*
Theme Name: ZSKCS v5.2
Author: OS_Cypek
Author URI: 
Description: Theme for ZSKCS site
Version: 5.2
*/

/***** Main *****/

*{
    margin:0;
    padding:0;
    font-family: 'Alegreya', serif;
    color: #d5a875;
}


body{
    background-color: black;
    background-image: url("images/background.png");
    background-repeat: no-repeat;
    background-size: 100%;
}
h1{
    margin:20px auto;
    text-align: center;
    text-shadow: 2px 2px black;
}

a, a.btn-link{
	color: #d5a875;
}

a:hover, a.btn-link:hover{
	color: #fff;
}

.my_footer{
    height: 20px;
}

.logo{
    width:10%;
    
    margin:20px auto;
}
.logo img{
    width:100%;
}

.logo2{
    width:20%;
    
    margin:20px auto;
    display: inline-block;
}
.logo2 img{
    width:100%;
}

.main{
    /*background-color: rgba(6,7,6,0.6);*/
    height:100%;
    width:100%;
}

.submain{
    width:100%;
    margin-top:200px;
    margin-bottom:100px;
}


.text{
    background-color: rgba(0,0,0,0.5);
    margin: 10vh auto;

}

.active{
    color:blue;
}

.dropdown-menu li a{
    color: rgb(157, 157, 157);
}

ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}

ul.nav li a{
	font-weight: bold;
}

ul.nav li a:hover{
    color: black;
}

ul.nav li.current_page_item > a, .glyphicon-home, .glyphicon-home:hover{
    /*text-decoration: underline;*/
	color: #d5a875;
}


li.page_item_has_children ul{
	display: none;
}

.slicknav_menu{
	display: none;
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu{
    bottom: 98%;
}

.menu-main-menu-container{
    display: none;
}

.nav-btn{
    color: black !important;
} 

.nav-btn-left{
    float: left !important;
}

.nav-btn-right{
    float: right !important;
}

.nav-tabs{
	border-bottom: 1px solid black;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{
	background: rgba(0,0,0,0.5);
	border: 1px solid transparent;
	color: #9d9d9d;
}

.nav-tabs > li > a:focus, .nav-tabs > li > a:hover{
	background: rgba(0,0,0,0.3);
	border: 1px solid transparent;
	color: #ddd !important;
}
.my-alert-danger{
	background-color: #b30000 !important;
}

/* Bootstrap Pagination */

.pagination > .active > a, 
.pagination > .active > a:focus, 
.pagination > .active > a:hover, 
.pagination > .active > span, 
.pagination > .active > span:focus, 
.pagination > .active > span:hover {
   
    color: #fff;
    background-color: #222;
    border-color: #000;
}

.pagination > li > a, 
.pagination > li > span {
    
    color: #000;
    text-decoration: none;
    background-color: rgba(255,255,255,0.3);
    border: 1px solid #000;
}

.pagination > li > a:focus, 
.pagination > li > a:hover, 
.pagination > li > span:focus, 
.pagination > li > span:hover {
    z-index: 2;
    color: #000;
    background-color: #595959;
    border-color: #000;

}

.pagination > .disabled > a, 
.pagination > .disabled > a:focus, 
.pagination > .disabled > a:hover, 
.pagination > .disabled > span, 
.pagination > .disabled > span:focus, 
.pagination > .disabled > span:hover{
	color: #000;
	cursor: not-allowed;
	background-color: rgba(255,255,255,0.3);
	border-color: #000;

}


/* Strona pojedycznego przedmiotu */
.single-item-content {
	padding: 16px;
	background-color: rgba(255,255,255,0.3);
}

.single-item-content h4 {
	margin-top: 20px;
	margin-bottom: 5px;
}


.single-item-content p {
	margin-bottom: 0;
	color: #727272;
}

.item-right-image{
	width: 100%;
	max-width: 350px;
	min-width: 200px;
	margin: auto;
}

.item-right-image img{
	width:100%;
	
}

.categories h4 {
	color: #212121;
}

.categories span {
	color: #727272;
}

.bottom-separator {
	height: 50px;
}

.edit-button {
	margin-top: 30px;
}

/* Bootstrap Table */

table.table-dark > thead > tr{
	background-color: #080808;
	color: white;
}

table.table-dark > tbody > tr{
	color: white;
}

table.table-dark > tbody > tr:nth-of-type(2n+1){
	background-color: #595959;
}

table.table-dark > tbody > tr:nth-of-type(2n){
	background-color: #737373;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{
	border-top: 1px solid transparent;
}

.dropdown-menu .divider{
	background: #d5a875;
}

.form-control, .form-control option{
	color: black;
}

.bootstrap-datetimepicker-widget{
	background-color: black;
}

.panel{
    background-color: transparent;
    border: 1px solid #d5a875;
}

.panel-default > .panel-heading{
    background-color: transparent;
    color: #d5a875;
    /*border-bottom: 1px solid #d5a875;*/

}

.panel-group{
    margin-bottom: 0px;
}

.panel-transparent{
     border: 1px solid transparent;
}

.alert ul li{
    color: black !important;
}

@media screen and (max-width:768px){
    *{
        font-family: 'Playfair Display', serif;
    }

    .slicknav_menu{
		display: block;
	}

	  #desktopNavbar{
		display: none;
	}
    
    body{
        background-image: url("images/background.png");        
        background-size:100%;
        background-color: rgba(3,3,3,1);
    }
    .logo{
        width:50%;
        text-align: center;
    }
    .submain{
        margin-top:50px;
    }
   
    .logo img{
        width:50%;
        margin: auto;
    }
    .logo2{
        width:100%;
        text-align: center;
    }
    .logo2 img{
        width:50%;
        margin: auto;
    }
    .home-submain{
        margin: 20px auto;
    }
}