#home-top { background:#e6e6e6 url(../images/template/main_bg.jpg) no-repeat center top; background-size:cover;  }

#featured { padding:10px 0 40px; }

#featured .carousel .item-inner .content .read-more { margin:10px 0; }
#featured .carousel .item-inner .content .read-more a { display:block; background:#3d9aeb; border-radius:4px; padding:20px; font-size:20px; line-height:20px; color:white; text-align:center; text-transform:uppercase; transition:background-color .2s; }
#featured .carousel .item-inner .content .read-more a i { display:inline-block; width:20px; height:20px; background:url(../images/icons/arrow_read_more.png) no-repeat center center; vertical-align:bottom; }
#featured .carousel .item-inner .content .read-more a:hover { background-color:#ed1c24; text-decoration:none; }

#featured img { max-width:100%; }
#featured .carousel .item-inner .media {  }
#featured .carousel .item-inner .content { background:white; padding:20px; }
#featured .carousel .item-inner .content .title { margin:0 0 20px; font-family: Playfair Display, Georgia, serif; color: #3d9aeb; }
#featured .carousel .item-inner .content .title a { color:inherit; }
#featured .carousel .item-inner .content .title a:hover { color:#ed1c24; text-decoration:none; }
#featured .carousel .item-inner .content .abstract { display:none; font-size:18px; line-height:24px; }
#featured .carousel .item-inner .content .read-more { display:none; }

#featured .control { position:absolute; top:50%; background-repeat:no-repeat; background-position:center center; width:60px; height:120px; margin-top:-20%; }
#featured .control.prev { left:0; background-image:url(../images/template/arrow_feature_left_small.png); }
#featured .control.next { right:0; background-image:url(../images/template/arrow_feature_right_small.png); }

@media screen and (min-width:768px) {
	#featured .carousel .item-inner .content .read-more { display:block; }
}

@media screen and (min-width:992px) {
	#featured .carousel .item-inner { position:relative; width:940px; height:445px }
	#featured .carousel .item-inner .media { position:absolute; top:0; left:0; bottom:40px; width:570px; z-index:3; box-shadow:10px 10px 10px 0px rgba(0,0,0,0.25); }
	#featured .carousel .item-inner .media img { width:100%; height:100%; }
	#featured .carousel .item-inner .content-inner { max-height:265px; overflow:hidden; position:relative; }
	/* #featured .carousel .item-inner .content-inner:before { content:''; width:100%; height:50px; position:absolute; left:0; right:0; bottom:0; background:linear-gradient(transparent, white); } */
	#featured .carousel .item-inner .content { position:absolute; top:40px; right:10px; bottom:10px; width:470px; z-index:2; padding:30px 30px 30px 140px; box-shadow:10px 10px 10px 0px rgba(0,0,0,0.25); }
	#featured .carousel .item-inner .content .abstract { display:block; }
	#featured .carousel .item-inner .read-more { position:absolute; bottom:30px; left:130px; right:30px; margin:0; }
	
	#featured .carousel .item-inner.arrange-2 .media { left:auto; right:10px; z-index:2; }
	#featured .carousel .item-inner.arrange-2 .content { right:auto; left:0; z-index:3; padding:30px; }
	#featured .carousel .item-inner.arrange-2 .read-more { left:30px; }
	
	#featured .control { width:80px; height:auto; margin-top:0; top:0; bottom:0; }
	#featured .control.prev { left:-80px; background-image:url(../images/template/arrow_feature_left_large.png); }
	#featured .control.next { right:-80px; background-image:url(../images/template/arrow_feature_right_large.png); }
}

/* @media (min-width:1152px) {} */

@media screen and (min-width:1380px) {
	#featured .carousel .item-inner { width:1200px; height:510px; } 
	#featured .carousel .item-inner .media { width:700px; /* height:470px; */ }
	#featured .carousel .item-inner .content { width:600px; /* height:470px; */ }
	#featured .carousel .item-inner .content-inner { max-height:330px; }
}

#featured .thumbnails { display:none; margin:0 20px; padding:20px 0 0; }
#featured .thumbnails .item { padding:2px; display:inline-block; cursor:pointer; }
#featured .thumbnails .item-inner { position:relative; }
#featured .thumbnails .media { /* width:100%; height:0; padding-top:75%; position:relative; */ background:black; }
#featured .thumbnails .media img { /* position:absolute; top:0; right:0; bottom:0; left:0; */ opacity:0.5; transition: opacity .2s; } 
#featured .thumbnails .item:hover .media img { opacity:0.25; }
#featured .thumbnails .item.active .media { background:#ed1c24; }
#featured .thumbnails .item.active .media img { opacity:0.25; }

#featured .thumbnails .title { position:absolute; right:0; bottom:10px; left:0; color:white; font-size:16px; font-weight:600; line-height:18px; padding:20px 10px 0; max-height:100%; overflow:hidden; }
#featured .thumbnails .active .title { display:none; }
#featured .thumbnails .share { position:absolute; top:0; right:0; bottom:0; left:0; text-align:center; display:none; cursor:default; }
#featured .thumbnails .active .share { display:block; }
#featured .thumbnails .share-align { position:absolute; top:50%; left:0; right:0; margin-top:-40px; }
#featured .thumbnails .share-link { display:inline-block; width:80px; height:80px; background-repeat:no-repeat; background-position:center center; border-radius:40px; border:1px solid white; text-indent:-9999px; }
#featured .thumbnails .share-link-facebook { background-image:url(../images/template/carousel_share_facebook.png); }
#featured .thumbnails .share-link-twitter { background-image:url(../images/template/carousel_share_twitter.png); }

@media screen and (min-width:1200px) {
	#featured .thumbnails { display:block; }
	#featured .thumbnails .title { font-size:18px; line-height:24px; }
}

.homepage-header { position:relative; }
.homepage-header h3 { position:relative; z-index:5; }
.homepage-header .line { position:absolute; top:50%; left:0; right:0; height:0; border-bottom:1px solid #ccc; z-index:2; }
.homepage-header:before, .homepage-header:after { content:''; position:absolute; width:20px; top:0; bottom:0; z-index:3; }
.homepage-header:before { background:url(../images/template/icon_star.png) no-repeat center center; left:0; }
.homepage-header:after { background:url(../images/template/icon_star.png) no-repeat center center; right:0; }

#services { padding:30px 0; background:white; }
#services h3 { margin:0 auto; text-indent:-9999px; background:url(../images/template/header_serivces_for_kentuckians.png) no-repeat center center; background-size:contain; padding-top:8.5324232%; max-width:586px; height:0; }
#services .links { margin:0; }
#services .links div { padding:0 0 0; }
#services .links div a { display:block; text-indent:-9999px; background-repeat:no-repeat; background-position:center center; background-size:contain; padding-top:100%; height:0; transition:opacity .2s; }
#services .links div a:hover { opacity:0.75; }
#services .links div.contact a { background-image:url(../images/template/service_contact_me.png); }
#services .links div.casework a { background-image:url(../images/template/service_federal_casework.png); }
#services .links div.flag-requests a { background-image:url(../images/template/service_flag_requests.png); }
#services .links div.student-info a { background-image:url(../images/template/service_student_info.png); }
#services .links div.visiting-dc a { background-image:url(../images/template/service_visiting_dc.png); }
#services .links div.visiting-kentucky a { background-image:url(../images/template/service_visiting_kentucky.png); }

#social-media { background:white; padding-top:60px; } 
#social-media .social-wrapper { position:relative; top:-60px; box-shadow:5px 5px 20px rgba(0,0,0,.2); } 
#social-media .social-buttons { display:none; }
#social-media .adjustment { background:#2a78b0; position:relative; }
#social-media .twitter, #social-media .facebook, #social-media .instagram { padding:30px; }
#social-media .twitter { background:#21b0ec; text-shadow:2px 2px 3px rgba(0,0,0,.2); color:white; }
#social-media .facebook { background:#f2f2f2; }
#social-media .instagram { background:#fff; }
#social-media h4 { margin:0; padding:13px 0 13px 60px; margin-bottom:30px; height:50px; vertical-align:middle; background-position:left center; background-repeat:no-repeat; font-size:22px; line-height:24px; font-weight:900; font-family:Playfair Display, Georgia, serif; color:#182e40; text-transform:none; }
#social-media h4 em { font-weight:normal; font-style:italic; }
#social-media .twitter h4 { background-image:url(../images/template/social_promo_twitter.png); color:white; }
#social-media .facebook h4 { background-image:url(../images/template/social_promo_facebook.png); }
#social-media .instagram h4 { background-image:url(../images/template/social_promo_instagram.png); }

#social-media .twitter .tweets { padding-bottom:20px; }
#social-media .twitter .item h2 { color:inherit; font-weight:900; }
#social-media .twitter .item a { color:inherit; font-size:18px; }
#social-media .twitter .item .tweet strong { font-family:Playfair Display, Georgia, serif; font-size:16px; font-weight:700; font-style:italic; color:#c7eeff; line-height:20px; display:block; }

#social-media .facebook .balloon { background:white; border-radius:10px; box-shadow:5px 5px 0 rgba(0,0,0,.2); padding:20px; font-weight:300; font-size:18px; line-height:24px; position:relative; }
#social-media .facebook .balloon:before { content:''; position:absolute; left:70px; bottom:-25px; width:0; height:0; border-style:solid; border-width:20px 20px 0 0; border-color:rgba(0,0,0,.2) transparent transparent transparent; z-index:1; }
#social-media .facebook .balloon:after { content:''; position:absolute; left:70px; bottom:-20px; width:0; height:0; border-style:solid; border-width:20px 20px 0 0; border-color:white transparent transparent transparent; z-index:2; }

#social-media .facebook .signature { background:url(../images/template/image_mcconnell.png) no-repeat left center; height:80px; padding:20px 0 20px 100px; margin:30px 0; }
#social-media .facebook .signature .line1, #social-media .facebook .signature .line2 { font-family:Playfair Display, Georgia, serif; font-size:18px; line-height:20px; }
#social-media .facebook .signature .line1 { font-weight:300; font-style:italic; }
#social-media .facebook .signature .line2 { font-weight:900; }

#social-media .instagram .images { margin:0 -5px; padding-bottom:20px; }
#social-media .instagram .image { width:50%; padding:5px; float:left; }
#social-media .instagram .image img { max-width:100%; }

#social-media .button { display:block; text-align:center; text-transform:uppercase; font-size:20px; line-height:20px; height:60px; padding:20px; border-radius:4px; transition:opacity .2s; }
#social-media .button:hover { text-decoration:none; opacity:0.9; }
#social-media .button i { display:inline-block; width:20px; height:20px; background-repeat:no-repeat; background-position:center center; vertical-align:bottom; }
#social-media .twitter .button { background:white; color:#21b0ec; text-shadow:none; }
#social-media .facebook .button { background:#5d82d1; color:white; }
#social-media .instagram .button { background:#548bb6; color:white; }

#social-media .twitter .button i { background-image:url(../images/template/social_promo_btn_icon_twitter.png); }
#social-media .facebook .button i { background-image:url(../images/template/social_promo_btn_icon_facebook.png); }
#social-media .instagram .button i { background-image:url(../images/template/social_promo_btn_icon_instagram.png); }


#social-media { padding-top:120px; }
#social-media .social-wrapper { top:-120px }
#social-media .adjustment:before {
  content: '';
  position: absolute;
  left:0;
  top:-50px;
  width:100%;
  height:200px;
  background:#2a78b0;
  -webkit-transform: skewY(3deg);
  -moz-transform: skewY(3deg);
  -ms-transform: skewY(3deg);
  -o-transform: skewY(3deg);
  transform: skewY(3deg);
  -webkit-backface-visibility: hidden;
}


@media (min-width:768px) {
	#social-media .social-wrapper { overflow:hidden; }
	#social-media .section { float:left; width:33.33333333%; }
	#social-media .social-content .section { margin-bottom:-980px; padding-bottom:1000px; }
	#social-media .social-content .button { display:none; }
	#social-media .social-buttons { display:block; }
	#social-media h4 { padding:10px 0 10px 60px; font-size:28px; line-height:30px; }
}

@media (min-width:768px) and (max-width:991px) {
	#social-media .instagram .image { float:none; width:auto; }
}

#offices { padding:40px 0; margin-bottom:20px; background:white; }
#offices h3 { margin:0 auto 30px; max-width:442px; }
#offices h3 span { display:block; text-indent:-9999px; background:url(../images/template/header_office_locations.png) no-repeat center center; background-size:contain; padding-top:11.3122172%; height:0; } 
#offices .locations { background:#f2f2f2; }
#offices .locations .location h4 { background:#e6e6e6; margin:0; padding:0 20px; height:50px; line-height:50px; }
#offices .locations .location.active h4 { transition:background-color 0.5s step-end, color 0.5s step-end; }
#offices .locations .location .location-content-inner { padding:20px; }
#offices .locations .location .contact { margin:5px 0; }
#offices .locations .location .contact a { background:white; color:inherit; box-shadow:5px 5px 0 rgba(0,0,0,.2); border-radius:4px; }
#offices .locations .location .contact a:hover { background:#3d9aeb; color:white; }

@media screen and (min-width:768px) {
	#offices .locations { overflow:hidden; }
	#offices .locations .location { float:left; height:350px;  }
	#offices .locations .location-header { width:50px; height:350px; cursor:pointer; position:relative; float:left; border-left:1px solid white; }
	#offices .locations .lcoation:first-child .location-header { border-left:0; }
	#offices .locations .location h4 { position:absolute; top:0; left:0; width:350px; transform:rotate(90deg) translateY(-50px); transform-origin:0 0; text-transform:none; font-size:24px; font-weight:300; color:#182e40; transition:color, background, .2s; }
	#offices .locations .location h4:hover { background:#2a78b0; color:#fff; }
	#offices .locations .location.active h4 { color:white; background:#2a78b0; }
	
	#offices .locations .location .location-content { width:0; height:350px; overflow:hidden; transition:width 0.5s ease-in-out; float:left; }
	#offices .locations .location.active .location-content { width:370px; }
	#offices .locations .location .location-content-inner { width:370px; height:350px; padding:30px; background-repeat:no-repeat; background-position:bottom right; background-size:contain; }
	
	#offices .locations .location.bowling-green .location-content-inner { background-image:url(../images/template/map_bowling_green.jpg); }
	#offices .locations .location.fort-wright .location-content-inner { background-image:url(../images/template/map_fort_wright.jpg); }
	#offices .locations .location.lexington .location-content-inner { background-image:url(../images/template/map_lexington.jpg); }
	#offices .locations .location.london .location-content-inner { background-image:url(../images/template/map_london.jpg); }
	#offices .locations .location.louisville .location-content-inner { background-image:url(../images/template/map_louisville.jpg); }
	#offices .locations .location.paducah .location-content-inner { background-image:url(../images/template/map_paducah.jpg); }
	#offices .locations .location.washington-dc .location-content-inner { background-image:url(../images/template/map_dc.jpg); }
}

@media (max-width:767px) {
	#offices .locations:before { content:''; display:block; width:100%; height:0; padding-top:50%; background:white url(../images/template/map_dc.jpg) no-repeat center center; background-size:contain; } 
}

@media (min-width:992px) {
	#offices .locations .location.active .location-content { width:590px; }
	#offices .locations .location .location-content-inner { width:590px; }
}

@media (min-width:1380px) {
	#offices .locations .location.active .location-content { width:850px; }
	#offices .locations .location .location-content-inner { width:850px; }
} 

@media print {
	#featured-carousel .carousel-inner>.item { display:block; }
	#services { display:none; }
	#social-media {  }
	#social-media .adjustment { background:none; }
	#social-media .adjustment:before { display:none; }
	#social-media .section {  }
	
	.homepage-header .line { display:none; }
	
	#offices h3 { max-width:none; text-align:center; }
	#offices h3 span { text-indent:initial; height:auto; padding:0; }
}