/*
 * Styles for Site skin "bootstrap_site_tabs_skin"
 */

// Site header:
#evo_site_header {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif !important;
	display: table;
	.swhead_sitename {
		vertical-align: middle;
		white-space: nowrap;
		a {
			padding-left: 10px;
			padding-right: 10px;
			margin-right: 2px;
		}
		&.swhead_logo {
			display: table-cell;
			margin: -17px 0 -1px -6px;
			a {
				padding: 0;
			}
			img {
				max-height: 60px;
				max-width: 270px;
			}
		}
	}
	.swhead_menus {
		display: table-cell;
		width: 100%;
		div.level1 {
			nav .pull-right {
				margin-top: -10px;
				a {
					max-height: 40px;
				}
			}
			nav .pull-left li {
				a {
					margin-right: 0;
					border-color: #ddd;
					border-bottom: 1px solid #ccc;
					&:hover {
						background-color: #fff;
					}
				}
				&.swhead_sitename a {
					border: 1px solid transparent;
					&:hover {
						background-color: transparent;
					}
				}
			}
			background-color: #ddd; 
		}
	}
}
div.level1 {
	padding-top: 17px; // 18 px top padding (including pos relative in next style) if there is no coll-selector
	padding-left: 6px;
	background-color: #ddd;
	border-bottom: 1px solid #ccc;
	nav {
		ul.nav.nav-tabs {
			margin: 0;
			position: relative;
			top: 1px;
			border-bottom: 1px solid #ccc;
			li {
				vertical-align: bottom;
				display: inline-block;
				float: none;
				a {
					-webkit-transition: 0.1s ease;
					-moz-transition: 0.1s ease;
					-o-transition: 0.1s ease;
					transition: 0.1s ease;
					&:hover {
						border: 1px solid #ccc;
					}
				}

				&.active a {
					background: #FFF;
					border-color: #ccc;
					border-bottom-color: #FFF !important;
					cursor: pointer;
				}
				&.no_logo {
					padding-right: 0;
					margin-right: 0;
					a {
						margin-right: 0;
						background: transparent;
						font-weight: 700;
						padding-left: 0px;
						padding-right: 0px;
						margin-right: 10px;
						&:hover {
							border: 1px solid transparent;
						}
					}
				}
			}
		}
		div.pull-right {
			.btn {
				margin-left: 5px;
				padding-top: 10px;
				padding-bottom: 10px;
				&.evo_widget_basic_menu_link_myprofile {
					padding-top: 3px;
					padding-bottom: 3px;
					img {
						vertical-align: middle;
					}
				}
				&.btn-default {
					-webkit-transition: 0.1s ease;
					-moz-transition: 0.1s ease;
					-o-transition: 0.1s ease;
					transition: 0.1s ease;
					&:hover {
						border: 1px solid #ccc;
					}
				}
			}
		}
	}
}
div.level2 {
	padding: 6px 15px 15px 6px;
	background: #FFF;
	nav .nav {
		margin: 0;
		> li > a {
			padding: 6px 10px 4px;
			font-size: 92%;
			background-color: #eee;
		}
		li {
			margin-right: 4px;
			&.active a,
			&.active a:hover,
			&.active a:focus {
				background-color: #337ab7;
			}
		}
	}
}

@media (max-width: 712px) {
	.swhead_logo img {
		padding: 21px 0px 22px 2px !important;
	}
}

// Buttons paddings/margins - required because of the specific Font Family
.evo_post_title .btn-group a {
	padding-top: 2px;
	padding-bottom: 0px;
}
.pagination {
	li span, li a {
		padding-top: 7px;
		padding-bottom: 5px;
	}
	li a:last-child {
		padding-top: 6px;
		padding-bottom: 6px;
	}
}
.small.post_tags a {
	padding-top: 3px;
	padding-bottom: 2px;
}

// Site footer:
#evo_site_footer {
	color: #777;
	font-family: Arial, Helvetica, sans-serif !important;
	background: #f5f5f5;
	.container {
		padding: 15px;
		text-align: center;
		p {
			margin-bottom: 0px;
		}
	}
}

// Slide top button
.btn.slide-top {
	opacity: 0;
	visibility: hidden;
	float: right;
	font-size: 20px;
	position: fixed;
	padding: 2px 13px;
	right: 8px;
	top: 8px;
	transition: all 0.3s;
	z-index: 9999;
	&.slide-top-visible {
		opacity: 1;
		visibility: visible;
	}
	&.slide-top-toolbar {
		top: 35px;
	}
	&.slide-top-fixed-header {
		top: 55px;
	}
	&.slide-top-toolbar.slide-top-fixed-header {
		top: 90px;
	}
}

// We need these media queries for controlling margin-top on slide-top button when on devices
@media only screen and (max-device-width: 1024px) {
	.btn.slide-top.slide-top-toolbar {
		top: 8px;
	}
}
@media (min-width: 768px) and (max-width: 991px) and (min-device-width: 1024px) {
	.btn.slide-top.slide-top-toolbar {
		top: 35px;
	}
}