﻿#Banner {
	margin-bottom: 4em;
}

#Banner, #DynamicBannerWrap {
	display: inline-block;
	height: 100%;
	width: 100%;
}

#DynamicBannerWrap {
	font-size: 100%;
	position: relative;
	min-height: 200px;
}

    #DynamicBannerWrap > div > .si {
        position: absolute;
        top: 16px;
        right: 50px;
        opacity: .8;
        height: 9em;
        width: 9em;
    }

	#DynamicBannerWrap > div {
		max-width: 65%;
		padding: 1em;
        font-size: 1.3em;
	}

        #DynamicBannerWrap > div > div {
            word-break: break-word; /* disregard the errors resharper/web-essentials are applying here. They're inaccurate, http://caniuse.com/#search=word-break'*/
            font-size: 1.5em;
            padding-top: .5em;
            line-height: 1.1em;
        }

    #DynamicBannerWrap.kb,
    #DynamicBannerWrap.dnr,
    #DynamicBannerWrap.ps,
    #DynamicBannerWrap.rng,
    #DynamicBannerWrap.tac,
    #DynamicBannerWrap.tsf,
    #DynamicBannerWrap.vt,
    #DynamicBannerWrap.p-spt,
    #DynamicBannerWrap.notifications {
        color: #444;
        border-bottom: 1px solid #737373;
    }

.si path,
.si use,
.si path,
.si polygon,
.si rect {
    fill: #444;
}

.lc-para-text {
    margin-bottom: 2em;
}

.lc-para-text:empty {
    display: none;
}

.dyn-banner-wrap a img {
    max-width: 100%;
    height: auto;
}

.caption-wrapper {
	position: absolute;
	top: 20px;
	left: 20px;
	padding: 15px;
	width: 32%;
	vertical-align: middle;
	border-radius: 5px;
	background: #F6CFD4;
	right: auto;
	bottom: auto;
}

.slick-slide {
	position: relative;
}

.headline > h5 {
	color: #444;
}

.well h2 {
    display: inline-block;
    vertical-align: middle;
}

    .well h2 + div {
        display: inline-block;
        vertical-align: top;
    }

.well div + a {
    margin-left: 1em;
    display: inline-block;
    vertical-align: middle;
}

.table-striped tbody > tr:nth-child(2n+1) > td,
.table-striped tbody > tr:nth-child(2n+1) > th {
    background-color: #f9f9f9;
}

.well > p {
    font-size: 1.1em;
    font-weight: bold;
}

a#aReset {
    font-weight: normal;
}


@media only screen and (max-width:767px) {
	#Banner .si {
		display: none;
	}

	#DynamicBannerWrap > div {
		max-width: 100%;
		padding: 1em;
        font-size: 1.1em;
	}

        #DynamicBannerWrap > div > div {
            font-size: 1.25em;
        }
}
