/* Kosha Burnett April 2015 - homepage, site edits */

.whyFenn {color:#c6c6c6;}
.whyFenn:hover {color:#006dcd;}

.whyFenn .genericon-youtube {
	font-size:1.5em;
	vertical-align:bottom;
}

.whyFenn:hover .genericon-youtube,
.whyFenn .genericon-youtube:hover
 {color:#c6c6c6 !important;}
 
 /* ===== LOWER PAGES FOOTER ===== */
 
 .cta {background-color:#eaeaea;}
 
 .cta div {
	 max-width:1200px;
	 margin:auto;
	 overflow:hidden;
 }
 
 .cta .cta_button {
	 float:left;
	 width:23%;
	 margin:5%;
	 text-align:center;
 }
  
 .cta i {
	 color:#192735;
	 font-size:2.5em;
 }
 
 .cta img {width:30px !important;}
 
 .cta h3 {
	 margin:0;
	 padding:0 0 20px 0;
	 border-bottom:1px solid #828282;
	 font-weight:bold;
	 color:#006dcd;
 }
 
 .cta p:last-child {padding-top:20px;}
 
 
 /* ===== SPOTLIGHT ===== */
 
 .spotlight {
	 position:relative;
	 max-width:1180px;
	 margin: 0 auto;
 }
 
 .spotlight .bannermodcontent {
    position: absolute;
    border-radius: 4px;
    top: 275px;
    left: 0;
    max-width: 300px;
    width: 100%;
    height: 401px;
    background-color: rgba(0, 0, 0, 0.7);
    padding-bottom: 50px;
    text-align: center;
	z-index:1; }
	
  .spotlight.right {
    left: auto;
    right: 150px; }
  .spotlight #newscon {
    position: relative; }
  .spotlight #newscon .contentSlider {
    border-bottom: 1px solid #000;
	border-top: 1px solid #000;
    height: 280px; }
  .spotlight #newscon .contentControls {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -50px;
    margin: 0;
    height: 50px;
    overflow: hidden;
    border-top: 1px solid rgba(255, 255, 255, 0.2); }
  .spotlight #newscon .contentControls .cboxNext, .spotlight #newscon .contentControls .cboxPrev {
    display: none; }
  .spotlight #newscon .contentControls div {
    float: none;
    border: 0 none;
    background-color: #c4c4c4;
    display: inline-block;
    vertical-align: top;
    width: 10px;
    height: 10px;
    text-indent: -9999em;
    border-radius: 50px;
    margin: 20px 2px 0 2px; }
  .spotlight #newscon .contentControls div.on {
    background-color: #e3a411; }
  .spotlight .bannermodcontent:before {
	content:'Spotlight';
    color: #e3a411;
    font: normal 100 28px "soleil", sans-serif;
    text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.9);
	text-transform:uppercase;
    padding: 10px 0;
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    position: relative; }
  
  .spotlight .newsposttitle {
    margin: 0;
    padding: 0;
    border: 0 none; }
  .spotlight .newsposttitle a {
    text-decoration: none;
    color: #FFF;
    text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.9);
    font: 600 18px "soleil", sans-serif;
    padding: 20px 25px 20px 25px;
    display: block;
    line-height: 1.3; }
  .spotlight .newspostnotes {
    color: #FFF;
    text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.9);
    font: 600 14px "soleil", sans-serif;
    padding: 0 25px;
    line-height: 1.45; }
  .spotlight .newsreadmorelink a {
    color: #e3a411;
    font: 600 14px "soleil", sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 20px;
    width: 95px;
    white-space: nowrap;
    overflow: hidden; }
	
	
	@media screen and (max-width: 850px) {
	.spotlight {
		position:absolute;
		bottom:580px;
		top:auto;
	left:0;
	width: 100% !important;
	 }

  .spotlight .bannermodcontent {
    margin: 0 auto;
    position: relative;
	top:0;
	left:0;
	border-radius:0 !important;
    width: 100% !important;
    max-width: inherit !important;
    height: auto !important;
	}

  .spotlight .bannermodcontent:before {
    text-shadow: none !important; }

  .spotlight .newsposttitle a {
    padding: 5px 45px !important;
    text-shadow: none !important; }

  .spotlight .contentSlider {
    height: auto !important;
	border-bottom:none  !important; }

  .spotlight .newspostnotes {
    display: none; }

  .spotlight .newsreadmorelink a {
    margin-bottom: 15px !important; }

  .spotlight #newscon .contentControls .cboxNext, .spotlight #newscon .contentControls .cboxPrev {
    display: inline-block !important;
    vertical-align: top;
    border-radius: 0 !important;
    padding: 0 5% !important;
    margin: 0 !important;
	text-indent: 0 !important;
	color:#fff;
	background: transparent !important;
	position:relative;
	bottom:70px;
	font-size:30px !important;
	font-family:georgia; }
	
	.spotlight .contentControls {
		overflow:visible !important;
		border:none !important;}
		
	.spotlight .contentControls .cbox_0, .spotlight .contentControls .cbox_1 {display:none !important;}

  .spotlight #newscon .contentControls .cboxPrev {float: left !important; }
	
  .spotlight #newscon .contentControls .cboxNext {float: right !important; }
	
	.cta .cta_button {
		width:27%;
		margin:3%;	
		font-size:.9em;
	}
	
	.socialLinks {
		position:relative;
		bottom:0;
		float:none;
		text-align:center;
	}
	
	.socialLinks ul {padding:0;}
	}
	
@media screen and (max-width:842px) {.spotlight {bottom:596px;}}
	
@media screen and (max-width:800px) {
	.fennLinks {	border:none;	}
	
	.fennLinks ul {
		margin:0;
		padding:0;
	}
	
	.fennLinks ul li {
		display:block;
		margin:0 auto;
		width:100% !important;
	}
	
	.fennLinks ul li a {
		border-top:1px solid #2b3845;
		border-bottom:1px solid #000;
		border-left:none;
		border-right:none;
		display:block;
		font-size:22px;
		width:100% !important;
	}
	
	.spotlight {	bottom:868px;}
}

@media screen and (max-width: 768px) {	
	.cta .cta_button {
		width:33% !important;
		margin:30px 0 !important;
		padding:0 3%;
		border-right:1px solid #fff;
		border-left:1px solid #ccc;
	}
	
	.cta .cta_button:first-child {border-left:none;}
	.cta .cta_button:last-child {border-right:none;}
	.cta p:last-child {display:none;	}
	.cta h3 {border:none;padding:0;}
	.spotlight {	bottom:852px;}
}

@media screen and (max-height: 768px) {
	.headerLogo .logo {font-size:72px;}
	.spotlight .bannermodcontent {top:190px;}
}
	
@media screen and (max-width: 480px) {	
	.spotlight {display:none;}
}