@CHARSET "UTF-8";

body {
    background: url(bg-pattern.png);
	font-family: open_sansregular,sans-serif;
}

.bg-dark {
    background-color: #1b4164 !important;
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: #d59f0f;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: frizquadratacregular;
}

.navbar {
	font-family: frizquadratacregular;
}

.header {
	margin-top: 30px;
	margin-bottom: 20px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
}

.header .logo {
    height: 80px;
    width: 80px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../logo.png);
    background-size: cover;
    margin-right: 20px;
	align-self: flex-start;
	order: 1;
}

.header .text {
	width: calc( 100% - 100px );
	align-self: flex-start;
	order: 2;
}

.header .text h1 {
	font-family: frizquadratacregular;
	font-size: 2rem;
	text-transform: uppercase;
}

.footer {
	
}

.footer .pri-logo-2 {
	height: 60px;
    width: 60px;
	min-width: 60px;
	background-repeat: no-repeat;
    background-position: center;
    background-image: url(../pri-logo-2.png);
    background-size: cover;	
}

.footer .pri-text {
	color: #00aaa9;
	font-size: 90%;
	width: calc( 100% - 180px - 2rem );
}

.footer .vog-logo {
	height: 60px;
    width: 60px;
	min-width: 60px;
	background-repeat: no-repeat;
    background-position: center;
    background-image: url(../vog-logo.png);
    background-size: cover;
}

.footer .surdonica-logo {
	height: 60px;
    width: 60px;
	min-width: 60px;
	background-repeat: no-repeat;
    background-position: center;
    background-image: url(../surdonica-logo.png);
    background-size: cover;
}

@media only screen and (max-width:420px) {
	.footer .pri-text {
		width: calc( 100% - 60px - 1rem );
	}
	.footer .vog-logo {
		margin-left: 0px !important;
	}
	.header .logo {
		align-self: flex-start;
		width: 60px;
		height: 60px;
		margin-right:10px;
	}
	.header .text {
		width: calc( 100% - 80px );
		align-self: center;
	}
	.header .text h1 {
		font-size: 1.6rem;
	}
}

@media only screen and (max-width:823px) and (orientation:landscape) {
	.footer .pri-text {
		width: calc( 100% - 180px - 2rem );
	}
}

.content {
	margin-top: 20px;
}

.content h2 {
	font-size: 1.5rem;
}

.page-item.active .page-link {
	background-color: #1b4164;
    border-color: #1b4164;
}
.page-link {
	color: #1b4164;
}

.list-group-item.active {
	background-color: #1b4164;
    border-color: #1b4164;
}

.dropdown-menu {
	background-color: #b4121a;
	color:#ffffff;
}

.dropdown-item {
	color:#ffffff;	
}

.dropdown-divider {
	border-top: 1px solid #c69e2a;
}

.dropdown-item:hover, .dropdown-item:focus {
	background: #c69e2a;
	color:#ffffff;	
}

.dropdown-item.active, .dropdown-item:active {
	background: #c69e2a;
	color:#ffffff;	
}

.btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
	background: #1b4164;
}
.btn-primary:not([disabled]):not(.disabled).active:hover, .btn-primary:not([disabled]):not(.disabled):active:hover, .show>.btn-primary.dropdown-toggle:hover {
	background: #c69e2a;
}
.btn-primary {
    color: #fff;
    background-color: #1b4164;
    border-color: #1b4164;
}
.btn-primary:hover {
    color: #fff;
    background-color: #c69e2a;
    border-color: #c69e2a;
}