﻿.secondarySlider {
	display: block;
}
.secondarySlider.mobile-carousel {
    display: block;
}

.secondarySlider ul {
    margin: 0px;
}

.secondarySlider li {
    display: block;
}

.secondarySlider .slide {
    background: #fff;
    position:relative;
    overflow: hidden;
	margin-bottom: .2rem;
    border: 1px solid #c4c4c4
}
    #header .secondarySlider ul.slides li:last-child .slide {
        margin-bottom:0;
    }

.secondarySlider .secondarySliderCopy {
	background: #fff;
    padding: 5px;
	position: absolute;
    left: 35%;
    height: 100%;
	width: 65%;
	z-index: 1;
}

.secondarySliderCopy h2 {
	font-size: 2.4rem;
    border-bottom: 1px solid #dd1c23;
	line-height: 0.9;
    margin: 5px 0;
    padding:0;
    text-transform: uppercase;
}

.secondarySliderCopy p {
	display: none;
    line-height: 1.5;
    margin: 5px 5px 11px 5px;
}

.secondarySlider ul.flex-direction-nav {
	height: 0;
	margin-top: -28px;
	position: absolute;
	top: 50%;
	width: 100%;

    opacity:0;
    -webkit-transition: opacity 250ms ease-in-out;
    -moz-transition: opacity 250ms ease-in-out;
    -o-transition: opacity 250ms ease-in-out;
    -ms-transition: opacity 250ms ease-in-out;
    transition: opacity 250ms ease-in-out;
}
.secondarySlider:hover ul.flex-direction-nav {
    opacity:1;
    -webkit-transition: opacity 250ms ease-in-out;
    -moz-transition: opacity 250ms ease-in-out;
    -o-transition: opacity 250ms ease-in-out;
    -ms-transition: opacity 250ms ease-in-out;
    transition: opacity 250ms ease-in-out;
}
.secondarySlider ul.flex-direction-nav li { position:absolute; }
.secondarySlider ul.flex-direction-nav li:last-child { right: 0; }
.secondarySlider p a {
text-decoration:none;
}

@media screen and (min-width: 740px) {
/* ********** secondaryTiles ********** */

.secondarySlider {
	display: block;
}
.secondarySlider .unit {
	overflow: hidden;
}

.secondarySlider ul {
	margin: 0;
}
.secondarySlider .slide {
	background: #fff;
	border: 1px solid #c4c4c4;
	border-bottom: 4px solid #c4c4c4;
	overflow: hidden;
	position: relative;
    margin-bottom:5px;
}
.secondarySlider .slide .image-wrap {
    height:116px;
    overflow:hidden;
}
.secondarySlider .slide img {
    float: none;
}
#secondarySlide .slide img {
	display: block;
    float: none;
	position: relative;
	width: 100%;
	z-index: 0;
}
.secondarySlider .slides li {
	margin-right: 10px;
}
.secondarySlider .secondarySliderCopy {
	background: url(/_static/img/secondary_slider_arrow.png) 10px top no-repeat;
	padding: 10px;
	position: relative;
	top: 0;
	left: 0;
	width: auto;
	z-index: 1;
}
.secondarySliderCopy h2 {
	font-size: 1.6rem;
    border-bottom: none;
	margin: 0 0 11px 0;
}
.secondarySliderCopy p {
	display: block;
	font-size: 1.4rem;
    line-height: normal;
	margin: 0 0 11px 0;
}
.slide .learnMore {
	margin-top: 0;
}


/* ******** smaller-carousel ******** */

.secondarySlider.small-carousel img {
    width: 85px;
    height: 85px;
}

.secondarySlider.small-carousel .flex-viewport {
    margin: 0px 35px;
}

.secondarySlider.small-carousel .slide {
    border-bottom: 1px solid #c4c4c4;
}

.secondarySlider.small-carousel .secondarySliderCopy {
    display: inline-block;
    position: relative;
    top: 5px;
    left: 5px;
    width: 120px;
    height: 85px;
    padding: 0px;
}

.secondarySlider.small-carousel h2 {
    display: none;
}

.secondarySlider.small-carousel p {
    font-size: 1rem;
}

.secondarySlider.small-carousel .learnMore{
    margin: 0px;
    display: none;
}

.secondarySlider.block-carousel .slide {
    border-bottom: 1px solid #c4c4c4;
}

.secondarySlider.block-carousel li {
    display: inline-block;
    margin-right:0;
}
.secondarySlider.block-carousel p {
    margin: 0;
    font-size: 1.3rem;
    line-height: 1.25;
}

.secondarySlider.block-carousel h2 {
    margin: 0 0 5px 0;
    font-size: 1.8rem;
}

.secondarySlider.mobile-carousel {

}

}

@media screen and (min-width: 960px) {
.secondarySliderCopy h2 {
	font-size: 2rem;
    margin: 0px 0px 5px 0px;
    padding:0;
}
}