@import 'core/ubuntu-styles';
@import 'constants';
@import 'functions';
@import 'mixins';
@import 'classes';
// If a website uses HTTPS, using HTTP here is a great security hole. Use HTTPS!
@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,400italic);

// Override default text selection color
::selection {
	background:lighten($ubuntu-orange, 10%);
}
a {
	&::selection,
	& *::selection {
		background:$warm-grey;
	}
}

// Remove unwanted "x"es from search box (webkit and ie)
input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

.logo {
	position:absolute;
	top:0;
	left:0;
	z-index:10;

	body.toolbar & {
		top:30px;
	}
}

// Custom background for community pages
body.node-type-community-page {
    background: url("../img/dotted.png") repeat scroll 0 0 #F5F6F7;
}

header.banner {
	margin-bottom:0;
        .nav-primary {
            ul {
                li {
                    border-left: none;
                    border-right: 1px solid lighten($ubuntu-orange, 10%);
                }
            }
        }

	&.inverted {
		background: $light-grey;
		margin-bottom:20px;
		margin-top:-4px; // Ugly fix for gap between navbar

		.nav-primary {
			ul {
                                border-color:lighten($light-grey, 10%);
                                margin-top:1px;

				li {
					&, &:last-child {
						border-color:darken($light-grey, 5%);
					}
					a {
						&:link,
						&:visited {
							border-color:lighten($light-grey, 7%);
							color:darken($warm-grey, 10%);
						}
						&:hover {
							background:darken($light-grey, 5%);
							color:lighten($cool-grey, 7%);
						}
					}
				}
			}
			a {
				&.active,
				&:active {
					border-color:darken($light-grey, 5%);
					background:darken($light-grey, 5%);
				}
			}
		}

		.header-search {
			overflow:hidden;
			// padding:7px 0 7px 14px;
			max-width:240px;
			float:right;

			input[type="search"] {
				@include box-sizing(border-box);
				-webkit-appearance:none;
				float:left;
				display:block;
				@include font-size(16);
				height:2.1em;
				@include rounded-corners(4px);
				width:100%;
				border:none;
				margin-bottom:0;
				background-color: rgba(0, 0, 0, 0);
				@include box-shadow(inset 0 1px 4px rgba(0,0,0,.2));
				@include transition(); // Use defaults
				padding:.5em 2.5em .5em .5em;
				color:#555;

				&:focus {
					background: rgba(0, 0, 0, 0.05);
				}

				@include placeholder(#555);
			}
			button[type="submit"] {
				padding:3px 2px;
				line-height:0;
				float:left;
				margin-left:-40px;
				display:block;
				background:none;
				overflow:visible;
			}
		}
	}

	.site-name {
		float:right;
		.logo-ubuntuit {
			@include font-size(36);
			margin-bottom:0;
			position:relative;
			text-transform:lowercase;
			margin:0;
			display:inline-block;
			margin-left:20px;
			font-weight:300;
		}
	}
}
