/* This file will hold styles that are loaded using the same media query as the narrow, normal and wide grid. */


/********* HOME PAGE DEFAULT **********/


/*-------------------------------------------------------------------

 Only add to this stylesheet if 
 home page items need to be styled differently than 
 in [site-name]-alpha-default.css
 
 Every selector in this sheet should begin with .front class
 
--------------------------------------------------------------------*/



/*--------------------------------------------------------
----------------------------------------------------------

 MESSAGES - home page only 
 
----------------------------------------------------------
---------------------------------------------------------*/

.front #zone-content-wrapper {
	margin: 80px 0 auto;
	position: fixed;
	z-index: 10;
	width: 100%;
}
.front #zone-content-wrapper #zone-content {
	background: transparent;
	width: 80%;
	margin: 0 auto;
}
.front .messages {
	margin: 0;
}



/*--------------------------------------------------------
----------------------------------------------------------

 HEADER - HOME PAGE ONLY 
 
----------------------------------------------------------
---------------------------------------------------------*/


body.front {
	background: #d5cccc url(../../images/Home_Top_BG.jpg) no-repeat 100px fixed;
	background-position: 50% 80px;
	-webkit-background-size: 130% auto;
	-moz-background-size: 130% auto;
	background-size: 130% auto;
}
body.front.logged-in {
	background-position: 50% 100px;
}

.front .zone-content-wrapper {
	height: auto;
	padding: 0;
}
.front .zone-content {
	margin: 0;
}
.front #section-content {
	padding-top: 190px;
}
.front #section-header {
	height: auto;
	padding-top: 0;
}


/*----------------------------------------

 LOGO 
 
----------------------------------------*/
.front #zone-branding-wrapper {
	position: relative;
	padding: 0px;
}
.front #zone-branding #fantorrent-logo-container {
	background: url(../../images/logo-home-2015.png) no-repeat scroll center top;
	background-position: 50% 50%;
	background-size: 100% auto;
	font-size: 0;
	height: 250px;
	margin: 0 auto;
	max-width: 695px;
	position: relative;
	top: 150px;
	width: 70%;
}

.front .zone-wrapper {
	position: relative;
}


/*--------------------------------------------------------
----------------------------------------------------------

 NAVIGATION
 
----------------------------------------------------------
---------------------------------------------------------*/

.front #block-superfish-1 ul #menu-1470-1.first {
	display: none;
}

.front #block-superfish-1 ul ul {
	display: none !important; /* kills the dropdown only on homepage */
}


/*---------------------------------

 LOGO
 
---------------------------------*/

#zone-branding-wrapper {
	
}
div.logo-img {
	
}
.logo-img a {
	
}
.front #fantorrent-logo-link {
	text-align: center;
	display: block;
	width: 100%;
}


/*--------------------------------------------------------
----------------------------------------------------------

 CUSTOM ZONE 1 - HOME PAGE ONLY  
 
 (FEATURE BANNER SLIDESHOW + TWITTER)
 
----------------------------------------------------------
---------------------------------------------------------*/

.front #zone-custom1-wrapper {
	padding: 0;
}

.front .region-custom-1-inner {
	min-height: 450px;
	width: 53.3%; /* 640px in wide layout */
	float: right;
	background: transparent;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	position: relative;
	margin-bottom: 50px;
}


/*--------------------------------

 FEATURE BANNERS 
 
---------------------------------*/


/* show/hide mobile or desktop slideshow */
.front #block-views-banner-feature {
	display: block;
}
.front #block-views-banner-mobile-featured {
	display: none;
}

/* wrappers */
.front #zone-custom2-wrapper {
	padding: 0;
	position: relative;
}
.front #zone-custom2.container-12,
.front #region-custom-2 {
	width: 100% !important;
	margin: 0;
	padding: 0;
}
.front #zone-custom2-wrapper .region-inner.region-custom-2-inner {
	border: 0;
}
.front #views_slideshow_cycle_teaser_section_banner-feature,
.front .views-slideshow-cycle-main-frame-row {
	width: 100% !important;
	margin: 0 auto;
}
.front .views-slideshow-cycle-main-frame-row img {
	width: 100% !important;
	height: auto !important;
}

/*--------------------------------
 slideshow controls 
---------------------------------*/


#views_slideshow_controls_text_banner-feature {}


/*---------- previous ---------*/

#views_slideshow_controls_text_previous_banner-feature {
	display: block;
	position: absolute;
	top: 30%;
	width: 75px;
	z-index: 66;
}
#views_slideshow_controls_text_previous_banner-feature a,
#views_slideshow_controls_text_next_banner-feature a {
	color: #fff;
	display: block;
	height: 0;
	overflow: hidden;
	opacity: 0.3;
	padding-top: 75px;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out 0.3s;
	-moz-transition: all 0.3s ease-in-out 0.3s;
	-o-transition: all 0.3s ease-in-out 0.3s;
	transition: all 0.3s ease-in-out 0.3s;
}
#views_slideshow_controls_text_previous_banner-feature a:hover,
#views_slideshow_controls_text_next_banner-feature a:hover {
	opacity: 1;
}

/* prev icon */
#views_slideshow_controls_text_previous_banner-feature a:before {
	content: "2";
	font-size: 75px;
	position: absolute;
	top: 0;
	right: 0;
	font-family: "IcoMoonArrows";
}

/*----------- next -------------*/

#views_slideshow_controls_text_next_banner-feature {
	display: block;
	position: absolute;
	right: 75px;
	top: 30%;
	width: 75px;
	z-index: 66;
}
#views_slideshow_controls_text_next_banner-feature a {
	display: block;
	position: absolute;
	right: -75px;
	top: 50%;
	width: 55px;
}

/* next icon */
#views_slideshow_controls_text_next_banner-feature a:before {
	content: "3";
	font-family: "IcoMoonArrows";
	font-size: 75px;
	right: -5px;
	position: absolute;
	top: 0;
}

/* pause */
#views_slideshow_controls_text_pause_banner-feature a {
	display: none;
}


/* Slideshow bottom controls */
#block-views-banner-feature .views-slideshow-controls-bottom {
	margin-top: 12px;	
}
.front .views-slideshow-controls-bottom .views-slideshow-pager-field-item {
	background-color: transparent;
	border-radius: 25px;
	cursor: pointer;
	display: inline-block;
	float: left;
	height: 25px;
	margin-right: 15px;
	width: 25px;
	border: 2px solid #cbcac8;
}
.front .views-slideshow-controls-bottom .views-slideshow-pager-field-item.active {
	background-color: #dc6f4e;
	border: none;
}

.front .views-slideshow-controls-bottom .views-slideshow-pager-field-item .views-content-counter {
	font-size: 0px;
}

/*---------------------------------------
 Banner Title & Body 
---------------------------------------*/
.front #views_slideshow_cycle_main_banner-feature #feature-content {
	background-color: rgba(0,0,0,0.8);
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	padding-top: 20px;
}

/* Title */
.front #views_slideshow_cycle_main_banner-feature #feature-content h3 {
	color: #fff;
	margin: 0 20px 10px;
}

/* body text */
.front #views_slideshow_cycle_main_banner-feature .views-field-body {
	color: #999;
	margin: 0 20px; 
}

/* more link */
.front #views_slideshow_cycle_main_banner-feature .views-field-field-links-1 {
	overflow: hidden;
}
.front #views_slideshow_cycle_main_banner-feature .views-field-field-links-1 a {
	display: block;
	padding: 6px 10px;
	text-decoration: none;
	background-color: #444;
	color: #fff;
	text-align: center;
	font-family: FuturaBold, Arial, sans-serif;
	text-transform: uppercase;
}
.front #views_slideshow_cycle_main_banner-feature .views-field-field-links-1 a:hover {
	background-color: #00cc99;
}
.front #views_slideshow_cycle_main_banner-feature .views-field-field-links-1 a:after {
	content: "\33";
	font-family: IcoMoonArrows;
	font-size: 17px;
	line-height: 17px;
	margin-left: 10px;
	vertical-align: middle;
}

/*---------------------------------------

 Banner Content
 
---------------------------------------*/

/*------------------------
 text wrapper 
-------------------------*/
.front #views_slideshow_cycle_main_banner-feature #feature-content {
	background-color: rgba(0,0,0,0.8);
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	padding-top: 20px;
}

/*-------------------
 title 
-------------------*/
.front #views_slideshow_cycle_main_banner-feature #feature-content h3 {
	color: #fff;
	margin: 0 20px 10px;
}

/*-------------------
 body text 
-------------------*/
.front #views_slideshow_cycle_main_banner-feature .views-field-body {
	color: #999;
	margin: 0 20px; 
}

/*-------------------
 More link 
-------------------*/
.front #views_slideshow_cycle_main_banner-feature .views-field-field-links-1 {
	overflow: hidden;
}
.front #views_slideshow_cycle_main_banner-feature .views-field-field-links-1 a {
	display: block;
	padding: 6px 10px;
	text-decoration: none;
	background-color: #444;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}
.front #views_slideshow_cycle_main_banner-feature .views-field-field-links-1 a:hover {
	background-color: #D15A54;
}
.front #views_slideshow_cycle_main_banner-feature .views-field-field-links-1 a:after {
	content: "\33";
	font-family: IcoMoonArrows;
	font-size: 17px;
	line-height: 17px;
	margin-left: 10px;
	vertical-align: middle;
}


/*--------------------------------

 TWITTER
 
---------------------------------*/

.front #block-views-twitter-feed-1-block {
	background: #FFFFFF;
	margin: 0;
	padding: 0 0 40px;
}
.front .view-twitter-feed .view-content {
	padding: 0 30px 30px;
}
.front .view-twitter-feed ul.pager {
	display: none;
}

/* block title */
.front #section-content #block-views-twitter-feed-1-block h2.block-title {
	background-color: #000000;
	color: #FFFFFF;
	font-size: 3.5em;
	margin: 0 0 30px;
	padding: 10px;
}

/* post content */
.front #block-views-twitter-feed-1-block .view-twitter-feed .views-row,
.front .view-twitter-feed .view-footer a {
	border-bottom: 0;
	padding: 0;
	margin: 0 auto;
	width: 740px;
}
.front .view-twitter-feed .twitter-id a {
	display: block;
	font-size: 20px;
	line-height: 130%;
}
.front .view-twitter-feed .twitter-name {
	display: none;
}
.front #block-views-twitter-feed-1-block .view-twitter-feed .post-body {
	font-size: 18px;
	line-height: 143%;
}

/* follow button */
.front .view-twitter-feed .view-footer a {
	background-color: #a12328;
	color: #FFFFFF;
	display: block;
	font-family: Fjalla,Helvetica,Arial,sans-serif;
	font-size: 20px;
	padding: 20px;
	text-align: center;
	text-transform: uppercase;
}
.front .view-twitter-feed .view-footer a:hover {
	background-color: #000;
}



/*--------------------------------------------------------
----------------------------------------------------------

 UPCOMING TOUR DATES - CUSTOM ZONE 3 - HOME PAGE ONLY
 
----------------------------------------------------------
---------------------------------------------------------*/

.front #section-content h2.block-title {
	color: #fff;
	font-size: 3em;
}

.front #zone-custom3-wrapper {
	padding: 0 0 100px;
	background: url(../../images/Tour_bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}
/* pattern */
.zone-custom3-wrapper:before {
	background: url("sites/all/themes/thirddayft/images/pattern-blue-dots.png") repeat fixed 0 0 transparent;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}
.front #section-content .zone-custom3-wrapper h2.block-title {
	background-color: #000;
	border: 0 none;
	font-size: 3.5em;
	padding: 10px;
}
#zone-custom3-wrapper .teaser-list-row {
	margin-bottom: .2em;
	padding: 1.2em;
	font-size: 1.4em;
}
.front #zone-custom3-wrapper .city-state {
	font-size: 1.8em;
}
.front #block-views-hompage-events-upcoming {
	text-align: center;
}
.front #zone-custom3-wrapper .teaser-list-row, .front .item-list li.teaser-list-row {
	width: 70%;
	margin: 0 auto 3px;
}
.front .upcoming-date-venue {
	display: inline-block;
}
	
/* MORE LINK */
.front #zone-custom3-wrapper .more-link {
	width: 70%;
	margin: 0 auto;
}

.front #zone-custom3-wrapper .more-link a {
	
}
.front #zone-custom3-wrapper .zone-custom3,
.front #zone-custom3-wrapper .zone-custom3 .region {
    width: 100%;
}

/*--------------------------------------------------------
----------------------------------------------------------

 CUSTOM ZONE 4 - HOME PAGE ONLY
 
----------------------------------------------------------
---------------------------------------------------------*/

/* LEGACY SHOWS - PURCHASE RECENT BLOCK */
.front #block-views-homepage-legacy-block h2 {
	text-align: center;
}
.front #zone-custom4-wrapper .home-legacy-left-wrapper {
	float: left;
	width: 30%;
}
.front #zone-custom4-wrapper .commerce-add-to-cart .form-submit {
	width: auto;
}
.front #zone-custom4-wrapper .home-legacy-right-wrapper {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	float: right;
	padding: 3.5%;
	position: relative;
	width: 65%;
}
.front #zone-custom4-wrapper .home-legacy-recent-location .city-state {
	font-size: 1.5em;
}
.front #zone-custom4-wrapper .zone-custom4,
.front #zone-custom4-wrapper .zone-custom4 .region {
    width: 100%;
}
.front .add-to-cart-bottom {
	
}
.front #edit-display-price {
	float: left;
	margin-right: 1em;
}

.front #section-content .zone-custom4-wrapper .block-views-homepage-legacy-block h2.block-title {
	background-color: #000;
	border: 0 none;
	font-size: 3.5em;
	padding: 10px;
}

.front #section-content .zone-custom4-wrapper .block-views-homepage-legacy-block-1 {
	padding: 50px 0 0;
	margin: 0 auto;
	width: 80%;
}

/* LEGACY SHOWS - MORE SHOWS BLOCK */
.front .block-views-homepage-legacy-block-1 .home-legacy-more {
	width: 23%;
	margin: 0 1% 1%;
	float: left;
	height: 120px;
}

/* ---- MORE BUTTON ---- */
.front #section-content .zone-custom4-wrapper .block-views-homepage-legacy-block-1 .more-link a {
	border-radius: 0; 
	font-family: Fjalla,Helvetica,Arial,sans-serif;
	font-size: 20px;
	padding: 10px;
	width: 80%;
}
.front #section-content .zone-custom4-wrapper .block-views-homepage-legacy-block-1 .more-link a:hover {
	background-color: #fff;
	color: #000
}

/*--------------------------------------------------------
----------------------------------------------------------

 PRODUCT SECTION - CUSTOM ZONE 5
 
----------------------------------------------------------
---------------------------------------------------------*/

.front #zone-custom5-wrapper {
	background: #000 url(../../images/News_bg.jpg) no-repeat scroll;
	background-size: 100% auto;
	background-position: 50% 15%;
	width: 100%;
}

/* kills grid css */
.front #page #zone-custom5,
.front #page #region-custom-5 {
	width: 100%;
	margin: 0;
}
.front #section-content .zone-custom5-wrapper h2.block-title {
	background-color: #000;
	border: 0 none;
	font-size: 3.5em;
	margin: 0 auto 50px;
	padding: 10px;
}
.front #block-views-featured-product-carousel-block {
	width:100%;
	margin:0 auto;
}
.front .jcarousel-skin-updates_carousel .jcarousel-item {
	width: 240px;
	height: 240px;
	border: 10px solid #F5F2E9;
}



/*----------------------------------

 Carousel Navigation
 
-----------------------------------*/

.front .jcarousel-skin-updates_carousel .jcarousel-next-horizontal {
	right: 30px;
}
.front .jcarousel-skin-updates_carousel .jcarousel-prev-horizontal {
	left: 30px;
}
.front .jcarousel-skin-updates_carousel .jcarousel-container-horizontal {
	height: auto;
	margin: auto;
	padding: 0 3%;
	width: auto;
}


/*--------------------------------------------------------
----------------------------------------------------------

 CUSTOM ZONE 6 - HOME PAGE ONLY
 
----------------------------------------------------------
---------------------------------------------------------*/

/* ARE YOU A THIRD DAY FAN? - STATIC BLOCK */

#block-block-3 {
	float: left;
	width: 38%;
}
.front #zone-custom6-wrapper #block-block-3.block h2 {
	border-bottom: 3px solid #151916;
	font-size: 68px;
	line-height: 64px;
}
.front #zone-custom6-wrapper #block-block-3.block h3 {
	margin: 0;
	font-size: 34px;
}

/* FEATURED USER - CUSTOM BLOCK */

#block-views-0ca010e5f3821a1fde6a2af8c48c55e3 {
	float: right;
	width: 58%;
}
#block-views-0ca010e5f3821a1fde6a2af8c48c55e3 h2 {
	font-size: 2em;
}
#block-views-0ca010e5f3821a1fde6a2af8c48c55e3 .community_featured_user-main-content .views-row {
	float: none;
}
#featured_member {
	width: 100%;
}


/*--------------------------------

 Community Post 
 
---------------------------------*/

.front #block-views-97d75bda169b30470a5b704a5a6c24e4 {
	float: right;
	margin-left: 6%;
	width: 47%;
}

/* block title */
.front #block-views-97d75bda169b30470a5b704a5a6c24e4 h2.block-title {
	border-bottom: 3px solid #000;
	color: #222;
	font-size: 50px;
	line-height: 48px;
	margin: 0 0 30px 0;
	padding: 0 6% 3% 0;
	position: relative;
	text-shadow: none;
	text-align: left;
}

/* Post body */
.front #block-views-97d75bda169b30470a5b704a5a6c24e4 .fp_post-main-content {
	background-color: #FFFFFF;
	padding: 6%;
	margin: 0;
}


/*-----------------------------

 LEFT WRAPPER
 
----------------------------*/

#featured_member_left_wrapper {
	float: left;
	width: 38%;
}
.front .community-user-contact-links {
	position: inherit;
}

/* COMMUNITY USER CONTACT LINKS */
.front .community-flag-follow, 
.front .community-user-message, 
.front .community-flag-wave {
	height: 44px;
	width: 44px;
}
.front .community-user-contact-links a {
	font-size: 42px;
	line-height: 42px;
	padding-top: 44px;
	width: 44px;
}


/*-----------------------------

 RIGHT WRAPPER 
 
------------------------------*/	

#featured_member_right_wrapper {
	float: right;
	width: 58%;
}
#featured_member_user_name {
	font-size: 2em;
}


/*----------------------------------------------------------
 
 BACKGROUND IMAGES FOR CUSTOM ZONES  - iPAD landscpape and portrait
 
----------------------------------------------------------*/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
	.front #zone-custom1-wrapper,
	.front #zone-custom2-wrapper,
	.front #zone-custom3-wrapper,
	.front #zone-custom4-wrapper,
	.front #zone-custom6-wrapper {
		background-attachment: scroll;
	}
	body.front {
		background-position: -150px 200px;
	}
	
	.front #section-content #zone-custom5-wrapper.zone-wrapper {
		background: 
			url(../../images/pattern-sawtooth.png) repeat fixed,
			url(../../images/home-album-image.jpg) repeat 10% -300px;
	}

}