/* navbar */
.navbar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
}

a.btn.header-nav {
	padding: 0;
	width: 36px;
	height: 32.5px;
}

.navbar a:not(.a-title):not(.btn-light) {
	color: #fff;
}

.navbar a:not(.a-title) {
	text-decoration: none;
	white-space: nowrap;
	font-size: 14px;
}

.navbar a:hover {
	text-decoration: underline;
}

.home-edit th {
	padding: 10px 20px;
}

.home-edit td {
	width: 100%;
}

.vl {
	height: 12px;
	width: 1px;
	margin: 2px 10px 0 10px;
	background: #fff;
}

a.broadcast_name {
	text-decoration: none;
	color: #fff;
	font-weight: 600;
	opacity: .8;
	transition: opacity .3s;
}

a.broadcast_name:hover {
	opacity: 1;
}

.required:after {
    content:" *";
    color: red;
}

.navbar .edit-credit {
	margin-right: 10px;
}
.navbar .edit-credit:hover, .navbar .add-broadcast:hover {
	text-decoration: none;
}

.alert {
	margin-top: 20px;
}

/* Profil */
.gravatar {
	line-height: 80px;
}

.gravatar h3 {
	display: inline-block;
}

.gravatar .photo {
	width: 80px;
	height: 80px;
	float: right;
	border: 3px solid #fff;
	outline: 1px solid #dee2e6;
	border-radius: 40px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

/* bootstrap */

.row {
	margin-bottom: 1rem !important;
}

label {
	font-weight: 600;
}

hr {
	margin: 2rem 0 1.5rem 0;
	border-top: 1px solid #dee2e6;
	opacity: 1;
}

.tab-content {
	--bs-nav-tabs-border-width: 1px;
	--bs-nav-tabs-border-color: #dee2e6;
	border: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
	border-top: 0;
	margin-top: 0;
	padding: 2rem 2rem;
}

.broadcast-name-title {
	color: #fff;
	flex: auto;
}

/* smartphones, portrait iPhone, portrait 480x320 phones (Android) 
@media only screen and (max-width: 1000px) {

	body {
		font-size: 2.1rem;
		line-height: 2.5;
	}
	
	.container {
		margin-top: 150px!important;
		margin-bottom: 150px!important;

	}
	
	.container, .container-md, .container-sm {
		max-width: 90%;
		
	}
	
	.form-control {
		padding: .7rem 1.5rem;
		font-size: 2rem;
		line-height: 2.5;
	}
	
	.btn {
		line-height: 2;
		padding: .375rem 1.75rem;
		font-size: 2.7rem;
	}
	
	.form-check-input {
		height: 2em;
	}
	
	.form-switch .form-check-input {		
		width: 4em;
	}
	
	.form-check.form-switch label {
		margin-left: 25px;
	}
	
	.navbar a:not(.a-title) {
		font-size: unset;
	}
	
	.card-body {
		padding: 1.5rem 2.5rem;
	}
	
	.vl {
		height: 19px;
		margin: 2px 20px 0 20px;
	}
	
	.card-header {
		padding: 1.5rem 2rem;
	}
	
	.h2, h2 {
		font-size: calc(2.325rem + .9vw);
	}
	
	.h3, h3 {
		font-size: calc(3rem + .6vw);
	}
	
	.h4, h4 {
		font-size: calc(2rem + .3vw);
	}
	
	.h5, h5 {
		font-size: 2.5rem;
	}
	
	h4.broadcast-name-title {
		display: none;
	}
	
	body tbody, body td, body tfoot, body th, body thead, body tr {
		padding: 40px 40px !important;
		line-height: 1.7!important;
	}
	
	.col, .col-sm, .col-md-6 {
		flex: unset;
		width: 100%;
	}
	
	.mb-3 {
		margin-bottom: 2rem !important;
	}
	
	.col-sm-5 {
		width: 100%;
		margin-bottom: 19px;
	}
	
	.form-check-input {
		height: 1em;
	}
	
	.list-group-item {
		padding: 2.5rem 2rem;
	}
	
	.d-flex {
		display: block!important;
	}
	
	.navbar-expand-lg {
		flex-wrap: nowrap;
		justify-content: flex-start;
	}
}*/

/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
@media only screen and (max-width: 1000px) {
	.navbar-expand-lg {
		flex-wrap: nowrap;
		justify-content: flex-start;
	}

	h4.broadcast-name-title {
		display: none;
	}
	span.el-flex-1 {
		flex: 1;
	}
}

@media (min-width:480px)  { /* smartphones, Android phones, landscape iPhone */ }
@media (min-width:600px)  { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ }
@media (min-width:801px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }