/*
	Project: PnykaCMS 7.0 - Content Management System
	Copyright: ISTOGRAMMA (www.istogramma.gr), all rights reserved

	This file extents original bootstrap.css
*/

* {
	font-family: 'Roboto', sans-serif;
	font-size: 1rem;
	font-weight: normal;
	color: black;
	text-align: left;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

body {
	padding: 0px;
/*	padding-top: 88px; /* If nav is fixed-top */
}

/* navbar */
.navbar {
	min-height: 88px;
	background-color: #404040;

	/*	Try: (42-a best)
	background: url("../img/P3040011-a.jpg") no-repeat top center;
	background: url("../img/P3050036-a.jpg") no-repeat top center;
	background: url("../img/P3050042-a.jpg") no-repeat top center;
*/
/*	Try:
	background: url("../img/P3040016-a.jpg") no-repeat top center;
	background: url("../img/P3040019-a.jpg") no-repeat top center;
	background: url("../img/P3050040-a.jpg") no-repeat top center;
*/

	/*
	Apply border-bottom to show the boundary.
	Alternatively, a border-bottom could be applied using jquery, only when nav is expanded.
	*/
	border-bottom: 3px solid #e77817; /* #ffa500 */
}
.navbar {
}
.navbar > .container,
.navbar > .container-fluid {
	padding-left: 15px;
	padding-right: 15px;
}
.navbar .navbar-toggler {
	border: 3px solid transparent;
	border-color: rgba(255, 165, 0, 1);
}
.navbar .navbar-toggler:hover,
.navbar .navbar-toggler:focus {
	border-color: rgba(255, 255, 255, 1);
}
.navbar .navbar-toggler .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 165, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar .navbar-toggler:hover .navbar-toggler-icon,
.navbar .navbar-toggler:focus .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar .navbar-nav .nav-link,
.navbar .navbar-nav .dropdown-item {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 0.9rem;
	font-weight: normal;
	color: white;
/*	font-weight: bold;
	text-shadow: 1px 1px 1px black; */
}
.dropdown-menu {
	background-color: #505050;
	border-radius: 0.25rem;
/*	background-image: linear-gradient(to right, #606060, #808080 5%, #808080 95%, #606060); */
	padding: 0.5rem 1rem 0.5rem 1rem;
	margin-bottom: 0.5rem;
}
.navbar .navbar-nav .dropdown-item {
	border-radius: 0.25rem;
	text-align: left;
	padding: 0.25rem 0.5rem 0.25rem 0.5rem;
}
.navbar .navbar-nav .dropdown-item.active,
.navbar .navbar-nav .dropdown-item:active{
	color: #000; /* #fff */
	background-color: #fff; /* #b0b0b0 */
	text-shadow: none;
}
.navbar .navbar-nav .dropdown-item:hover,
.navbar .navbar-nav .dropdown-item:focus {
	color: #fff;
	background-color: #707070;
}
.navbar .navbar-nav .nav-link.disabled {
	color: gray;
}
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link:focus {
	color: #00b3fe; /* orange #ffa500 or cyan #00b3fe */
}
.navbar .navbar-nav .active > .nav-link,
.navbar .navbar-nav .nav-link.active {
	color: #00b3fe; /* orange #ffa500 or cyan #00b3fe */
}
.navbar-nav li {
	list-style: none;
}

/* Home page carousel */
.carousel-control-prev,
.carousel-control-next {
	width: 10%;
	opacity: 0.8;
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
	opacity: 1;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
	width: 22px;
	height: 22px;
}
.carousel-fade .carousel-item {
	opacity: 0;
	transition-property: opacity;
	transition-timing-function: ease-out;
	transition-duration: 2s;
	transition-delay: 0s;
}
.carousel-fade .carousel-item.active {
	opacity: 1 !important;
}

@media (min-width: 576px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav {
	}

	.navbar-expand-lg .navbar-nav li {
	}

	.navbar-expand-lg .navbar-nav li a {
	}

	.navbar-expand-lg .navbar-nav li:last-child {
	}

	.navbar-expand-lg .nav-item {
	}

	.navbar-expand-lg .nav-link {
	}

	.navbar-expand-lg .navbar-nav .nav-link {
	}
	
	.navbar .navbar-nav .nav-link {
/*		border: 1px solid gray;
		border-radius: 0.25rem;
*/
		padding-left: 1rem;
		padding-right: 1rem;
		margin-left: 0.2rem;
	}
}

@media (min-width: 1200px) {
}

@media (max-width: 575.99px) {
	.navbar > .container,
	.navbar > .container-fluid {
		padding-left: 0;
		padding-right: 0;
	}
}

@media (max-width: 767.98px) {
}

@media (max-width: 991.98px) {
	.fixed-top {
		/* https://github.com/twbs/bootstrap/issues/25205 */
		/* fixed-top does not allow nav menu to scroll when exceeds screen bottom */
		/* the following adds a scroll bar to the right of navbar */
		max-height: 100%;
		overflow: auto;
	}

	.navbar-expand-lg > .container,
	.navbar-expand-lg > .container-fluid {
	}

	.navbar-expand-lg .navbar-nav {
		background-color: #303030;
		border-radius: 0.25rem;
		background-image: linear-gradient(to right, #202020, #303030 5%, #303030 95%, #202020);
		width: 16rem;
		padding: 1rem 1.5rem 1rem 1.5rem;
		margin-bottom: 0.5rem;
	}

	.navbar-expand-lg .navbar-nav li {
		border-top: 1px solid gray;
		padding: 0.2rem 0 0.2rem 0;
		margin: 0;
	}

	.navbar-expand-lg .navbar-nav li a {
		text-align: left;
	}

	.navbar-expand-lg .navbar-nav li:last-child {
		border-bottom: 1px solid gray;
	}

	.navbar-expand-lg .nav-item {
	}

	.navbar-expand-lg .nav-link {
	}
}

@media (max-width: 1199.98px) {
}

@media (min-width: 576px) and (max-width: 767.98px) {
}

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

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