/*------------------------------------*\
  #ANNOUNCEMENT BAR
\*------------------------------------*/

.announcement-bar-wrapper {
	display: block;
    position: relative;
    z-index: 21;
}

	.announcement-bar-wrapper .announcement-bar {
		background: #03105f;
		position: relative;
	}

		.announcement-bar-wrapper .announcement-bar-link {
			border-bottom: none;
			color: rgba(255, 255, 255, 1.0);
			display: block;
			font-size: 1.2em;
			line-height: 1.1;
			position: relative;
			padding: 1.25em 0;
			text-align: center;
			transition-duration: 0.5s;
		}
		
			.announcement-bar-wrapper .announcement-bar-link-text {
				display: block;
				margin-top: 20px;
			}

		.announcement-bar-wrapper .announcement-bar-link:active,
		.announcement-bar-wrapper .announcement-bar-link:focus,
		.announcement-bar-wrapper .announcement-bar-link:hover {
			color: rgba(255, 255, 255, 0.5);
		}

		.announcement-bar-wrapper .announcement-bar-close {
			border: 1px solid rgba(255, 255, 255, 0.25);
			color: rgba(255, 255, 255, 0.25);
			display: block;
			font-family: 'Montserrat', sans-serif;
			font-size: 1.19em;
			font-weight: 400;
			line-height: normal;
			padding: 0 10px;
			position: absolute;
			right: 15px;
			top: 10px;	
			transition-duration: 0.5s;
		}

		.announcement-bar-wrapper .announcement-bar-close:active, 
		.announcement-bar-wrapper .announcement-bar-close:focus, 
		.announcement-bar-wrapper .announcement-bar-close:hover {
			border: 1px solid rgba(255, 255, 255, 0.8);
			color: rgba(255, 255, 255, 0.8);
			cursor: pointer;
		}

/*------------------------------------*\
  #PAGE SPECIFIC STYLES
\*------------------------------------*/

.home .announcement-bar-wrapper {
	display: block;
}

/*------------------------------------*\
  #MEDIA QUERIES
\*------------------------------------*/

@media (min-width: 768px) {
	.announcement-bar-wrapper .announcement-bar-link-text {
		margin-top: 0;
	}
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}