/* **********
*
*
*     Homepage-specific styles - 1px-519px Resolution
*
*
********** */

h1 {
	color: #fff;
	text-shadow: 2px 2px 5px #000;
}

/* ********** header ********** */

#homeSlider {
	z-index: 0;
}
    #homeSlider .slides li
    {
        overflow:hidden;
    }
.flexsliderMain ul {
	margin: 0;
}
.slides {
	position: relative;
	z-index: 0;
}
.sliderCopy {
	color: #fff;
	left: 0;
    top:0;
    margin-top: 12px;
	position: relative;
	width: 94%;
	margin-left: 3%;
	z-index: 1;
}
.sliderCopy h1 {
	text-align: left;
	color: #dd1c23;
	text-shadow: none;
}
.sliderCopy p {
	text-align: left;
	width: 100% !important;
}
.sliderCopy p span {
	display: none;
}
#homeSlider .slides li:first-child .sliderCopy p span {
	display: block;
}
.sliderCopy .learnMore {
	color: #323232;
	font-size: 90%;
	font-weight: 600;
	height: 28px;
	margin: 10px 0 0 0;
	padding: 4px 5px 0 27px;
	text-shadow: none;
}
#homeSlider .slides li:nth-child(2) .learnMore {
	display: none;
}
.flexsliderMain ul.slides li > img,
.flexsliderMain ul.slides li > picture img {
	position: relative;
	width: 100%;
	z-index: 0;
}

/* ********** secondaryTiles ********** */

.wireframe--home .secondaryTileCopy {
	overflow: visible;
}
.widget--find-a-hotel.mobileHide {
    display: block;
}

@media screen and (max-width: 519px) {
	.cityPassContainer{float:left;clear: both;position: absolute;top: 0px;left: 0px;}
	.cityPassImg{display: none;}
	.cityPassCopy{position: absolute;bottom: 4px;left: 21px;}
	.atlantaNowContainer{float:left;clear: both;position: absolute;top: 0px;left: 0px;}
	.atlantaNowImg{display: none;}
	.atlantaNowCopy{position: absolute; bottom: 4px;left: 21px;}

	.widget--content-view.secondaryTile.small {
		height: 55px;
	}
}
/* **********
*
*
*     Homepage-specific styles - 520px+ Resolution
*
*
********** */

@media screen and (min-width: 520px) {
/* ********** header ********** */
    .sliderCopy {
        top:50px;
    }
	#homeSlider .slides li:first-child .sliderCopy {
		top: 0;
	}
        .sliderCopy h1 {
	        margin: 0 0 15px 0;
            font-size:3rem;
        }

/* ********** secondaryTiles ********** */
#secondaryTiles .six,
#secondaryTiles .four  {
    width: 99%;
}

.secondaryTile.stretch {
	height: auto;
	margin-bottom: 8px;
	width: 99%;
}
}

/* **********
*
*
*     Homepage-specific styles - 740px+ Resolution
*
*
********** */
@media screen and (max-width: 739px) {
	.cityPassContainer{float:left;clear: both;position: absolute;top: 0px;left: 0px;}
	.cityPassImg{display: none;}
	.cityPassCopy{position: absolute;bottom: 4px;left: 21px;}
	.atlantaNowContainer{float:left;clear: both;position: absolute;top: 0px;left: 0px;}
	.atlantaNowImg{display: none;}
	.atlantaNowCopy{position: absolute; bottom: 4px;left: 21px;}

	.widget--content-view.secondaryTile.small {
		height: 55px;
	}
}

@media screen and (min-width: 740px) {
/* ********** header ********** */

.sliderCopy .learnMore {
	background: url(../img/learn_more_arrow.png) #fff left top no-repeat;
	border: 3px solid #fff;
    z-index: 999;
    position:relative;
}
#header {
	height: 744px;
}
#homeSlider .slides li {
	height: 744px;
}
.sliderCopy {
	margin: 140px auto 0 auto;
	position: relative;
	top: auto;
	width: 600px;
}
.sliderCopy h1 {
	text-align: left;
    font-size:5rem;
    padding:0;
}
.sliderCopy p {
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: 1px;
	position: relative;
	text-align: left;
	text-shadow: 1px 1px 3px #000;
	z-index: 1;
}
.sliderCopy p span {
	display: inline-block;
}
.sliderCopy.summer h1 span.text1 {
    display:block;
    position: relative;
    z-index: 1;
}
.sliderCopy.summer h1 img {
    margin: -3rem 0 0 -4rem;
    z-index: 0; 
    position: relative;
}
.sliderCopy.summer h1 span.text3 {
    display:block;
    margin-top: -5.25rem;
}
.flexsliderMain .flex-direction-nav {
	left: 0;
	position: absolute;
	top: 220px;
	width: 100%;
	z-index: 1;
}
.flexsliderMain ul.slides li > img,
.flexsliderMain ul.slides li > picture img {
	height: 778px;
	left: 50%;
	margin-left: -960px;
	position: absolute;
	top: 0;
	width: auto;
}
.flexsliderMain ul.slides li .sliderCopy > img {
    margin: -2rem 0 2rem;
}
#mainTiles {
	bottom: 0;
	position: absolute !important;
	width: 100%;
}
#mainTiles .flex-control-nav { display:none; }

/* ********** secondaryTiles ********** */
#secondaryTiles .six {
    width: 49%;
}

#secondaryTiles .four {
    width: 32.33%;
}

.xlarge {
	height: 573px;
}
.large {
	height: 450px;
}
.medium {
	height: 250px;
}
.small {
	height: 153px;
}
.widget--content-view.secondaryTile.small > h2 {
	float: right;
    position: relative;
    right:0px;
    font-size: 1.6em;
    width: 50%;
    padding-left: 2px;
    padding-right: 0px;
}
.secondaryTile.stretch {
	margin-bottom: 0;
	width: 32.33%;
}
.secondaryTile.stretch.xlarge {
	height: 500px;
}
.secondaryTile.stretch.large {
	height: 450px;
}
.secondaryTile.stretch.medium {
	height: 250px;
}
.secondaryTile.stretch.small {
	height: 117px;
}
#welcomeToAtlanta {
	line-height: 1.25;
}
#welcomeToAtlanta h2 {
	background: #fff;
	left: 0;
	margin: 0 0 11px 0;
	padding: 2% 5%;
	position: absolute;
	top: 10px;
	width: 60%;
	z-index: 1;
}
.sliderCopy h1 {
	color: #fff;
	text-shadow: 2px 2px 5px #000;
}
    .scrollBar {
        height:400px;
    }
}

/* **********
*
*
*     Homepage-specific styles - 960px+ Resolution
*
*
********** */
@media screen and (min-width:740px) and (max-width:768px) {
    .widget--content-view.secondaryTile.small {
        height: 123px;
    }
    .widget--content-view.secondaryTile.small > h2 {
        font-size:1.4em;
        }
    .widget--content-view.secondaryTile.xlarge,
    .widget--event-upcoming {
        height: 512px;
    }
}
@media screen and (min-width: 960px) {
/* ********** header ********** */

.sliderCopy {
	width: 800px;
}
.flexsliderMain .flex-direction-nav {
	left: 50%;
	margin-left: -480px;
	position: absolute;
	top: 220px;
	width: 960px;
	z-index: 1;
}
    .scrollBar {
        height:468px;
    }
}

@media screen and (min-width: 1920px) {
/* ********** header ********** */

.flexsliderMain ul.slides li > img {
	height: auto;
	left: 0;
	margin-left: 0;
	width: 100%;
}
}

.cityPassContainer{float:left;clear: both;position: absolute;top: 0px;left: 0px;width: 50%;}
.cityPassImg{width: 95%;}
.cityPassCopy{float:left;position: absolute;right: 0px; bottom: 8px;width: 50%}
.atlantaNowContainer{float:left;clear: both;position: absolute;top: 0px;left: 0px;width: 50%}
.atlantaNowImg{max-width: 95%;}
.atlantaNowCopy{float:left;position: absolute;right: 0px; bottom:8px;width: 50%}