/*
*************************************************

University of West Florida
Sea Change Template Specialized Styles

Maintained by UMC Web Services

*************************************************
*/

 @media (min-width: 768px) {
		.l-page-inner { overflow: auto; padding-bottom: 0; }
		.specLandFooter {padding-bottom: 180px;}
 }

 .l-section-inner { margin-top: -20px; position: relative; }
 @media (min-width: 550px) and (max-width: 767px) { .l-section-inner:after, .l-section-inner:before { content: ''; background: url('/media/style-assets/images/section-shadow-left.png') no-repeat 0 0; width: 8px; height: 542px; position: absolute; left: -8px; top: 0; }
   .l-section-inner:after { background-image: url('/media/style-assets/images/section-shadow-right.png'); left: auto; right: -8px; } }
 @media (min-width: 1025px) { .l-section-inner:after, .l-section-inner:before { content: ''; background: url('/media/style-assets/images/section-shadow-left.png') no-repeat 0 0; width: 8px; height: 542px; position: absolute; left: -8px; top: 0; }
   .l-section-inner:after { background-image: url('/media/style-assets/images/section-shadow-right.png'); left: auto; right: -8px; } }


.l-header { z-index: 999;}
.l-section { overflow: hidden;}


/*Banner*/
.l-landing-bg { position: fixed; width: 100%; top: 0; background-size: contain;}
.l-landing-bg img {width: 100%; min-height: 720px; min-width: 2100px;}

.feature { position: relative; display: block; }
.feature .content { position: absolute; color: white; bottom: 15px; font-size: 24px; text-shadow: 0px 0px 26px black; padding: 15px; left: 0;}
.feature .content h1 { font: bold 44px "Oswald"; position: relative; color: white; margin: 0; display: inline-block; margin-bottom: 5px; }
.feature .content h1:after { content: ''; background: url('/media/style-assets/images/pattern.png'); position: absolute; bottom: 0; left: 0; right: 0; height: 3px; }
.feature .content p { margin: 0; line-height: 1.3; }

@media (min-width: 480px) { .feature .content { font-size: 18px; }  .feature .content h1 { font-size: 44px; } }

@media (min-width: 768px) { .feature .content { font-size: 24px; } .feature .content h1 { font-size: 64px; } .feature .content h1:after { height: 7px; } }


.feature:after { content: ''; padding-top: 30%; display: block; }
@media (min-width: 800px) {.feature:after { content: ''; padding-top: 20%; display: block; }}

figcaption { margin-bottom: 25px;}

.l-offcanvas .l-main:only-child {border-top: 5px solid #97C800;}

hr {border: solid #97C800;border-width: 2px 0 0;}