/* Enter Your Custom CSS Here */
/* Enter Your Custom CSS Here */
body {
  margin: 0;
  font-size:1.5em;
}
#top-bar {
	background: #03073b;
	@include clearfix-after;
	position: relative;
    font-size:24px;
	width: 100%;	
	
	.top-bar-text {
		box-sizing: border-box;
		display: inline-block;
		width: 50%;		
		@media (max-width: $medium) {
			.resp & {
				text-align: center;
				width: 100%;
			}
		}
		
		span {
			color: $color__text-main-minus-3;
			display: inline-block;
			@include font-size(0.85714);
			line-height: 36px;
			margin-right: 1.78571em;
			white-space: nowrap; 

			a {
				color: $color__text-main-minus-3;
				display: inline-block;
				text-decoration: none;
				
				&:hover {
					color: $color__text-main-minus-5;
				}				
			}

			&:before,
			a:before {
				display: block;
				float: left;
				font-family: $font__icon;
				margin-right: 0.5em;
			}	
	
			&.phone a:before {
				content: "\f095";
			}

			&.email a:before {
				content: "\f0e0";
			}
		}		
	}		
}
.top-bar-arrow {
	background: #03073b;
	color: $color__text-main-minus-3;
	cursor: pointer;
	display: block;
	height: 2rem;
	overflow: auto;
	text-align: center;
	width: 100%;	
	z-index: 1000;

	&:not(.show):before {
		content: "\f106";
		display: block;
		font-family: $font__icon;
		font-size: 17px;
		height: auto;
		left: 50%;
		margin-left: -6px;
		position: absolute;
		width: 12px;
	}

	&.show:before {
		content: "\f107";
		display: block;
		font-family: $font__icon;
		font-size: 17px;
		height: auto;
		left: 50%;
		margin-left: -6px;
		position: absolute;
		width: 12px;	
	}
}

.site-footer .bottom-bar {
	background: #000;
	color: $color__text-main-minus-3;
	
	@media (max-width: $medium) {
		.resp & {
			padding-bottom: 0;
		}
	}
	
	a {
		color: $color__text-main-minus-3;
		text-decoration: none;
		
		&:hover {
			color: $color__background-body;
		}
	}	

	.site-info {
		display: inline-block;
		@include font-size(0.85714);
		padding: 1.2em 0;
		text-align: left;
		vertical-align: middle;
		width: 30%;
		
		@media (max-width: $medium) {
			.resp & {
				display: block;
				height: auto;
				line-height: normal;
				padding: 1.33929em 0;
				text-align: center;
				width: 100%;
			}
		}

		a[rel~="designer"] {
			font-weight: 700;
		}
	}

	.container div:only-of-type {
		text-align: center;
		width: 100%;			
	}
}
.site-footer {
		
	.footer-main {
		background: #03073b;	
			
		h3 {
			color: $color__text-main-minus-5;
		}		

		.widget h3.widget-title ~ * {
			color: $color__text-main-minus-3;	
		}

		a {
			color: $color__text-main-minus-3;
			
			&:hover {
				color: $color__text-main-minus-5;
			}
		}

		input[type="text"],
		input[type="email"],
		input[type="url"],
		input[type="tel"],
		input[type="number"],
		input[type="date"],
		input[type="password"],
		input[type="search"],
		select[multiple],
		textarea {
			background: $color__background-dark-minus-2;
			border-color: $color__background-dark-minus-1;
		}

		input[type="text"]:focus,
		input[type="email"]:focus,
		input[type="url"]:focus,
		input[type="password"]:focus,
		input[type="search"]:focus,
		textarea:focus {
			background: $color__background-dark-minus-3;
			border: 1px solid $color__background-dark-minus-2;
			color: $color__text-main-minus-4;
		}

		button,
		input[type="button"],
		input[type="reset"],
		input[type="submit"] {
			background: $color__background-dark-minus-1;
			color: $color__text-main-minus-3;
		}

		button:hover,
		input[type="button"]:hover,
		input[type="reset"]:hover,
		input[type="submit"]:hover {
			background: $color__background-dark-minus-2;
		}		

		.widget:last-of-type {
  			float: right;
  			margin-right: 0;
		}

		.widget-count-1 {
  			float: left;
  			margin-right: 0;
  			margin-left: 0;
  			width: 100%;
		}

		.widget-count-2 {
  			float: left;
  			margin-right: 1.69492%;
  			width: 49.15254%;
		}	

		.widget-count-3 {
  			float: left;
  			margin-right: 1.69492%;
  			width: 32.20339%;
		}	

		.widget-count-4 {
  			float: left;
  			margin-right: 1.69492%;
  			width: 23.72881%;
		}	

		.widget-count-5 {
  			float: left;
  			margin-right: 1.69492%;
  			width: 18.64407%;
		}	

		.widget-count-6 {
  			float: left;
  			margin-right: 1.69492%;
  			width: 15.25424%;
		}	

		.widget-count-7 {
  			float: left;
  			margin-right: 1.69492%;
  			width: 12.83305%;
		}

		.widget-count-8 {
  			float: left;
  			margin-right: 1.69492%;
  			width: 11.01695%;
		}

		.widget-count-9 {
  			float: left;
  			margin-right: 1.69492%;
  			width: 9.60424%;
		}

		.widget-count-10 {
  			float: left;
  			margin-right: 1.69492%;
  			width: 8.47458%;
		}	
		
		@media (max-width: $medium) {
			.resp & {
				.widget-count-1, 
				.widget-count-2, 
				.widget-count-3, 
				.widget-count-4, 
				.widget-count-5, 
				.widget-count-6, 
				.widget-count-7, 
				.widget-count-8, 
				.widget-count-9, 
				.widget-count-10 {
					width: 100%; 
				}
			}
		}		
	}
}