
/* GENERAL - Global styles only */



/*-------------------------------------------------------------
 ELEMENT SWITCHING BY SIZE
 
   .omega-[size]-up : style applies to [size] and larger formats
   .omega-[size]-only : style applies only the [size] format
 
   NOTE: there is no .omega-mobile+ because all styles here apply
   to mobile and larger formats..unless overridden in a higher-format
   stylesheet
-------------------------------------------------------------*/
.omega-narrow-up, .omega-narrow-only, .omega-normal-up, .omega-normal-only, .omega-wide-only {
	display:none !important;
}
.omega-mobile-only {
	display:block !important;
}	

.responsive-layout-mobile li#menu-42231-1 {
	display: none;
}

/* ----------------------------------------------------------
 
 * * * * * * * * * STYLE LEGEND * * * * * * * * *
 
 
 :::::::: BOILERPLATE DEFAULTS TO CHANGE OUT WITH FIND/REPLACE ::::::::::
 
 		LINK TEXT COLOR:   		color: #0c0b33;
 		LINK TEXT HOVER:   		color: #a33352;
 
 		BUTTONS bg-color: 		background-color: #444;
 		BUTTONS hover color: 	background-color: #0c0b33;
 		
 		BORDERS: 				border: 1px solid #fff;
 								border-bottom: 1px solid #fff;
 								
 
 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 
 
 CONTENT BG COLOR:
 	background-color: ; 
 									 
 BODY TEXT:
 	color: # ;
 	
 BODY TEXT [ on dark bg ]:
 	color: # ;
 
 TITLES:
 	font-family: ;
	color: # ;
	
 TITLES (on dark bg): 
 	font-family: ;
 	color: # ;


 SIDEBAR BG COLOR:    ---  	background: ;
 
 SIDEBAR TEXT COLOR:  ---   color: # ;
 
 SIDEBAR LINK COLOR:  ---   color: # ;



 * * * * * * * * * END STYLE LEGEND * * * * * * * * * *
------------------------------------------------------------*/




/*====================================!!! LAYOUT & GENERAL STYLES !!!=========================================*/



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

 LAYOUT
 
----------------------------------------------------------
--------------------------------------------------------*/

html {
	margin: 0;
	padding: 0;
	background-color: #fff; /* for mobile bg */
}
body {
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.6;
	font-family: "Franklin Gothic Book", "cooper_hewittbook", "Helvetica Neue", "Helvetica", Arial, sans-serif;
	color: #0c0b33;
}
.region-content-inner {
	margin-bottom: 50px;
}


/* Clear Fix correction (add font-size to fix extra padding at bottom of site */
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}

/* applies to all elements - padding & border not added to total element width */
* {
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* overrides to box-sizing (adds padding & border to total width) */
#colorbox, 
#cboxOverlay, 
#cboxWrapper {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


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

 hide-show via js 
 
--------------------------------------*/
.item-hide {
    overflow: hidden;
    display: block;
}
.item-shown {
    overflow: visible !important;
    height: auto !important;
}

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

 Colorbox Popups 
 
---------------------------------------*/

/* Comment form */
.node-comment-form-popup {
	height: auto;
	width: auto;
}

/* change font family to default body font */
#cboxContent {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

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

 System Messages 
 
---------------------------------------*/

#messages.grid-12 {
	margin: 0 auto;
	float: none;
	width: auto;
}
div.messages {
	font-size: 1.125em;
	line-height: 1.25;
	padding: 10px 10px 10px 45px;
	margin: 20px 0;
	background-color: #89E0FC;
	border: 0;
}
div.status, table tr.ok {
	background-color: #89E0FC;
}
div.status {
	background-position: 10px 20px;
}
div.error {
	background-position: 10px 20px;
	margin-top: 0;
}
div.status a,
div.error a,
div.warning a {
	color: #000; /* color needs to be visible from .messages bg-color value */
	text-decoration: underline;
} 

div.warning {
	background-position: 20px 30px;
	border-color: #EEDD55;
}
div.warning h2 {
	margin: 0;
}


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

 LOGGED IN AS ADMIN ON MOBILE
 
---------------------------------------*/

body.toolbar.responsive-layout-mobile, 
body.toolbar-drawer.responsive-layout-mobile {
	padding-top: 0 !important;
}
.responsive-layout-mobile #toolbar {
	position: relative;
}
.responsive-layout-mobile div.toolbar-drawer,
.responsive-layout-mobile .toolbar-menu a.toggle {
	display: none;
}

/* prevents side scrolling */
.responsive-layout-mobile #toolbar {
	margin:0;
	padding: 0;
}

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

 Font Icons - reset 
 
---------------------------------------*/

* a:before,
* a:after {
	text-transform: none;
	font-style: normal;
	text-decoration: none;
	text-shadow: none;
	line-height: 1;
}
a:hover:before,
a:hover:after {
	text-decoration: none;
}

a:before,
h1:before,
h2:before,
h3:before,
h4:before,
h5:before,
h6:before,
a:after,
h1:after,
h2:after,
h3:after,
h4:after,
h5:after,
h6:after {
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
}


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

 TEXT STYLES
 
----------------------------------------------------------
--------------------------------------------------------*/

a:link,
a:visited,
li a.active /* may need to re-address */{
	color: #d3a979;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
a:hover {
	color: #a33352;
	text-decoration: underline;
}
input.focus {
	color: #F8F4CA;
}
hr {
	margin: 0;
	padding: 0;
	border: none;
	height: 1px;
	background: #ccc;
}
p, dl, hr, h1, h2, h3, h4, h5, h6, ol,
ul, pre, table, address, fieldset {
	margin-bottom: 20px;
}



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

 HEADINGS & TITLES - general
 
-----------------------------------------------*/

h1, 
h2, 
h3, 
h4, 
h5, 
h6,
.legacy-shownotes-item .field-label /* h2 styling */,
.legacy-node-full div.share-links-container:before /* legacy node share links title */ {
	letter-spacing: -0.05em;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2 {
	font-weight: normal; /* removes ugly bold rendering of custom title fonts - remove as necessary */
}

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

 h1
 
-------------------*/
h1 {
	font-size: 3em;
	line-height: 1;
	color: #a33352;
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
	text-transform: uppercase;
	margin-bottom: 2rem;
}

/* overrides to account for node pager or menu block at page top */
.node-type-event h1, /* node pager */
.context-tour h1, /* menu block */
.context-news h1, /* menu block */ 
.context-gallery h1, /* menu block */
.context-music h1 /* menu block and pager */ {
	border: 0;
	margin-bottom: 0;
}

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

 h2
 
--------------------*/
h2, 
h2.node-title,
h2.block-title,
h2.views-title,
.legacy-shownotes-item .field-label, /* legacy node shownotes title */
.legacy-node-full div.share-links-container:before, /* legacy node share links title */
#edit-department-id-wrapper label[for*="department"], /* Store Dept title */
.page-store .view-display-id-dl_shows h3 /* store downloads title */ {
	font-size: 1.688rem; /* 27px */
}


h2.node-title, 
h2.block-title {
	line-height: 1.2;
}

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

 h3 - h6
 
---------------------*/

h3 {
	font-size: 1.313em; /* 21px */
}
h4 {
	font-size: 1.118em; /* 19px */
}
h5 {
	font-size: 1.063em; /* 17px */
}
h6 {
	font-size: 0.938em; /* 15px */
}



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

 LISTS - ordered & unordered defaults 

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

ol {
  list-style: decimal;
}
ol li {
	list-style-type: decimal;
}
ul {
	list-style: disc;
}
ul li {
	list-style: disc;
}
ul ul,
ol ol {
	padding-top: 0.5em;
}
ul ul li {
	list-style: circle;
}
.node ol,
.node ul {
	padding-left: 2em;
}
.node ul.inline,
.node ol.inline {
	padding-left: 0;
}

/*-------- Definition Lists --------*/
dt, .admin h3 {
	font-size: 1.125rem; /* 18px */
	margin: 0;
}
dd {
	padding-left: 10px;
	font-size: 0.938rem; /* 15px */
	font-style: italic;
	margin-bottom: 20px;
}

/* Content that needs typical ordered list styling */
.context-legal .block-system-main ol,
.context-legal .block-system-main ul,
.context-meet-greet-rules .block-system-main ol,
.highlight-product-body {
	margin: 0 0 30px 30px;
}
ol.search-results li {
	margin-left: 30px;
}

/* store page - negates .teaser-grid style on overarching views <li> for whole page */
.view-store-landing.teaser-grid #views-popup-wrapper .field-name-body li {
	list-style-type: disc;
	margin-left: 20px;
}

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

 TABLE STYLES 

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

table, tbody, tfoot, thead, tr, th, td {
	vertical-align: middle;
}
table {
	width: 100%;
}
thead th {
    background-color: #eee;
    border: 1px solid #fff;
    font-size: 0.813rem;
    padding: 1em;
    text-align: left;
    text-transform: uppercase;
}
td {
    border: 1px solid #fff;
    padding: 15px; 
    font-size: 0.75rem;
}
tr.odd {
	background-color: #fff;
}
tr.even {
	background-color: #f0f0f0;
}

/* user dashboard, drag to reorder profile images */
a.tabledrag-handle .handle {
	background: url("../../misc/draggable.png") no-repeat scroll 0 4px transparent;
	height: 17px;
	margin: -0.4em 0.5em;
	padding: 0.42em 0.5em;
	width: 13px;
}

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

 Fieldsets 
 
-----------------------------------------*/

fieldset {
	padding: 20px;
	border: 1px solid #fff;
	margin-bottom: 30px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
legend {
	font-size: 1rem;
	font-weight: normal;
	padding: 5px 15px;
	background-color: #0c0b33;
	color: #fff;
	text-transform: uppercase;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
legend a:link {
	color: #fff;
	background-color: transparent;	
}

/* Message */
#cart-popup-item-message {
   font-size: 1.5rem; /* 24px */
   height: auto;
}

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

 BUTTON styles
 
-----------------------------------------------------------
----------------------------------------------------------*/

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

 Button normal state
 
-------------------------------------*/

.button a,
a.button,
button, 
input[type="reset"], 
input[type="submit"], 
input[type="button"],
.page-tour .attachment .views-popup-container .view-header a /*tour page */,
a.popup-link-item /* popup box links */,
#store-departments-links-container a /* store nav */,
.legacy-links-item a /* legacy buy buttons */,
.node-type-album .song-more-link a /*discography node more button*/,
ul.action-links li a,
.dashboard-privatemsg-message .views-field-thread-id a /* user dashboard messages */,
.page-community-users #views-popup-wrapper .views-field-view-user a /* user grid popup */,
form#comment-confirm-delete #edit-submit /* confirm item delete page */,
.form-actions a#edit-cancel /* confirm item delete page */,
.community-post-media-wrapper .post-view a /* view post button - admin dashboard */,
.page-legacy-list .views-field-commerce-price a /* legacy list buy button */,
#post-node-form input.form-submit /* community post form submit */ {
	background: #d3a979; 
	text-align: center;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	display: block;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	text-shadow: none;
}

/* Exceptions to <a> css animation */
#colorbox button {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

/* !!!!!!---- SET DEFAULT PADDING on .button class ---!!!!!! */

.button a,
a.button,
button, 
input[type="reset"], 
input[type="submit"], 
input[type="button"] {
	padding: 8px 10px 7px 10px; /* do not remove default padding completely - simply override elsewhere when necessary */
}

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

 Button hover state
 
-------------------------------------*/

button:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover, 
input[type="button"]:hover,
.button a:hover,
a.button:hover,
.page-tour .attachment .views-popup-container .view-header a:hover /*tour page */,
a.popup-link-item:hover /* popup box links */,
#store-departments-links-container a:hover /* store nav */,
.legacy-links-item a:hover /* legacy buy buttons */,
.node-type-album .song-more-link a:hover /*discography node more button*/,
ul.action-links li a:hover,
.dashboard-privatemsg-message .views-field-thread-id a:hover /* user dashboard messages */,
.page-community-users #views-popup-wrapper .views-field-view-user a:hover /* user grid popup */,
form#comment-confirm-delete #edit-submit:hover /* confirm item delete page */,
.form-actions a#edit-cancel:hover /* confirm item delete page */,
.community-post-media-wrapper .post-view a:hover /* view post button - admin dashboard */,
.page-legacy-list .views-field-commerce-price a:hover /* legacy list buy button */,
#post-node-form input.form-submit:hover /* community post form submit */ {
	background: #0c0b33; 
	text-decoration: none;
	text-shadow: none;
}

li .button a.active {
	color: #fff; /* same as button text color */
}

/*---------- Form buttons (Override button styles) ----------*/
button, 
input[type="reset"], 
input[type="submit"], 
input[type="button"] {
	border: 0;
}

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

 Views Popup  
 
-----------------------------------*/

.views-popup, #views-popup-wrapper {
	z-index: 1; /* sets above FB and social links */
}

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

 Views Popup Close button 
 
-----------------------------------*/

a.views-popup-close {
	border: 0;
	cursor: pointer;
	height: 0;
	padding-top: 28px;
	position: absolute;
	right: 3px;
	top: 1px;
	width: 25px;
	overflow: hidden;
	background-image: none;
	color: #d3a979;
}
a.views-popup-close:hover {
	color: #0c0b33;
}
.views-popup-close:before {
	content: "\7e"; /* close icon */
	display: block;
	font-family: "IcoMoonBasic";
	font-size: 22px;
	height: 24px;
	width: 27px;
	left: 1px;
	line-height: 30px;
	position: absolute;
	top: 0;
	speak: none;
}


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

 IMAGES
 
-----------------------------------------------------------
---------------------------------------------------------*/

img {
	vertical-align: middle; /* kills space between img, a, and container */
	width: 100%;
	height: auto;
}

/* exceptions to 100% img width including new paypal buttons*/
table img,
img.file-icon,
.feed-icon img,
img#views-popup-ajax-throbber, /* tour, store page ajax loading gif */
.gallery-image-item img, /* gallery and gear gallery */
body.node-type-banner .field-type-image img,
#toolbar img,
.mollom-image-captcha img, /* captcha */
.commerce-paypal-icon,
.commerce-paypal-ec-icon {
	width: auto;
}

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

 All images inside links 
 
------------------------------------*/
a img {
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}


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

 colorbox zoom image -cursor icon 
 
------------------------------------*/

a.colorbox img,
.gallery-image-item img {
	cursor: url("../../images/cursor-zoom.png"), pointer;
}

/* video thumbnail - cursor icon */
a.colorbox-load img,
.gallery-video-item img {
	cursor: url("../../images/cursor-video.png"), pointer;
}

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

 Ajax Throbber - animated gif
 
-----------------------------------------*/

/* allow ajax throber to be width of image, not 100% */
img#views-popup-ajax-throbber {
	width: auto;
}

#views-popup-ajax-throbber-container {
	padding-left: 25px;	
}

/*-------------- for reference - comes from module -------------

.ajax-progress {
    display: inline-block;
}
.ajax-progress .throbber {
    background: url("/misc/throbber.gif") no-repeat scroll 0 -18px transparent;
    float: left;
    height: 15px;
    margin: 2px;
    width: 15px;
}
.ajax-progress .message {
    padding-left: 20px;
}
tr .ajax-progress .throbber {
    margin: 0 2px;
}
.ajax-progress-bar {
    width: 16em;
}

------------------------------*




/*====================================!!! HEADER SECTION !!!=========================================*/


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

                *****   FANTORRENT USER BAR   *****

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

.responsive-layout-mobile #zone-user-bar .region-user-bar {
	margin: 0;
}

#zone-user-bar-wrapper {
	background-color: #f9f6ed;
	padding: 0px;
	font-size: 0.75rem; /* 12px */
	z-index: 999;
	height: auto;
	overflow: hidden;
}
#zone-user-bar {
	position: relative;
}

/* Shopping Cart Link */

#block-fantorrent-base-cart-link {
	padding-top: 5px;
}
#user-bar-cart-link a {
	background-color: #0c0b33;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	display: block;
	margin: 0 auto;
	padding: 7px 20px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}
#user-bar-cart-link a:hover {
	text-decoration: none;
	background-color: #fff;
	color: #000;
}
#user-bar-cart-link a:before {
	content: "\3c";
	font-family: "IcoMoonBasic";
	font-size: 1.188rem; /* 19px */
	margin-right: 10px;
	width: 20px;
	speak: none;
	vertical-align: middle;
}


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

 DASHBOARD LINKS 
 
-----------------------------------------------------------------------
---------------------------------------------------------------------*/

/* Dashboard links container */
#block-fantorrent-base-user-bar {
	display: inline-block;
	vertical-align: top;
	height: 40px;
	padding: 5px 0;
}

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

 USER Dashboard link 

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

#user-bar-user-dashboard-link,
#user-bar-user-dashboard-link-mobile {
	margin: 0 20px 0 0;
	float: left;
	vertical-align: top;
}
/* User dashboard icon - style: button no text */
#user-bar-user-dashboard-link a,
#user-bar-user-dashboard-link-mobile a {
	color: #d3a979;
	background-color: #f9f6ed;
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 30px;
	position: relative;
	width: 40px;
	margin-right: 5px;
	float: left;
}
#user-bar-user-dashboard-link a:before,
#user-bar-user-dashboard-link-mobile a:before {
	background-color: #f9f6ed;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	content: "\76";
	display: block;
	font-family: "IcoMoonBasic";
	font-size: 30px;
	height: 28px;
	left: 0;
	line-height: 26px;
	padding: 1px 4px;
	position: absolute;
	top: 0;
	vertical-align: middle;
	width: 30px;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
#user-bar-user-dashboard-link a:hover:before,
#user-bar-user-dashboard-link-mobile a:hover:before {
	color: #444;
	background-color: #eee;
}
#user-bar-user-dashboard-link .user_updates,
#user-bar-user-dashboard-link-mobile .user_updates {
	background-color: #B71515;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	color: #fff;
	line-height: 15px;
	margin-top: 4px;
	padding: 3px 5px;
	text-align: center;
	float: left;
}
#user-bar-user-dashboard-link .user_updates span {
	display: none;
}

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

 ADMIN Dashboard Links 
 
----------------------------------*/

#user-bar-admin-dashboard-link, 
#user-bar-analytics-dashboard-link, 
#user-bar-store-dashboard-link,
#user-bar-admin-dashboard-link-mobile,
#user-bar-analytics-dashboard-link-mobile,
#user-bar-store-dashboard-link-mobile {
	float: left;
	position: relative;
	margin: 0 0 0 5px;
	vertical-align: top;
}
#user-bar-admin-dashboard-link a,
#user-bar-analytics-dashboard-link a,
#user-bar-store-dashboard-link a,
#user-bar-admin-dashboard-link-mobile a,
#user-bar-analytics-dashboard-link-mobile a,
#user-bar-store-dashboard-link-mobile a {
	color: #d3a979;
	background-color: #f9f6ed;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	padding: 3px;
	height: 0;
	overflow: hidden;
	padding-top: 27px;
	position: relative;
	width: 30px;
}
#user-bar-admin-dashboard-link a:hover,
#user-bar-analytics-dashboard-link a:hover,
#user-bar-store-dashboard-link a:hover,
#user-bar-admin-dashboard-link-mobile a:hover,
#user-bar-analytics-dashboard-link-mobile a:hover,
#user-bar-store-dashboard-link-mobile a:hover {
	color: #444;
	background-color: #eee;
}

/*---------------------------
 admin dashboard 
----------------------------*/
#user-bar-admin-dashboard-link a:before,
#user-bar-admin-dashboard-link-mobile a:before {
	content: "\e613";
	font-family: "IcoMoonBasic";
	font-size: 22px;
	left: 4px;
	position: absolute;
	top: 3px;
}

/*---------------------------
 Analytics Dashboard Link 
----------------------------*/
#user-bar-analytics-dashboard-link a:before,
#user-bar-analytics-dashboard-link-mobile a:before {
	content: "\e610";
	font-family: "IcoMoonBasic";
	font-size: 22px;
	left: 4px;
	position: absolute;
	top: 3px;
}

/*---------------------------
 Store Admin link 
----------------------------*/
#user-bar-store-dashboard-link a:before,
#user-bar-store-dashboard-link-mobile a:before {
	content: "\e604";
	font-size: 24px;
	left: 4px;
	position: absolute;
	top: 2px;
	font-family: "IcoMoonBasic";
}


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

 USER BAR - HELP LINKS  (email signup, search, contact, faq)
 
--------------------------------------------------------
------------------------------------------------------*/

/* container */
.block-fantorrent-help-links {
	margin: 0;
	overflow: hidden;
	padding: 5px 0;
	/* position: absolute; */
	right: 6px;
	top: 0;
	width: auto;
	z-index: 9999;
}
ul#user-bar-search-block {
	margin: 0;
	overflow: hidden;
}
ul#user-bar-search-block li {
	margin: 0 0 0 5px;
	padding: 0;
	list-style-type: none;
	float: left;
}
ul#user-bar-search-block li a {
	color: #d3a979;
	background-color: #f9f6ed;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 30px;
	position: relative;
	width: 28px;
}
ul#user-bar-search-block li a:hover {
	background-color: transparent;
	color: #a33352;
}

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

 Connect button 
 
------------------------------------*/

ul#user-bar-search-block li#user-bar-connect-item {
	padding-top: 5px;
}

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

 Facebook button 
 
------------------------------------*/

ul#user-bar-search-block li#user-bar-fb-item a:before {
	content: "P";
	font-family: "IcoMoonSocial";
	font-size: 18px;
	left: 6px;
	position: absolute;
	top: 5px;
	vertical-align: middle;
	speak: none;
}

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

 Twitter button 
 
------------------------------------*/

ul#user-bar-search-block li#user-bar-twitter-item a:before {
	content: "\30";
	font-family: "IcoMoonSocial";
	font-size: 18px;
	left: 6px;
	position: absolute;
	top: 5px;
	vertical-align: middle;
	speak: none;
}

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

 Youtube button 
 
------------------------------------*/

ul#user-bar-search-block li#user-bar-youtube-item a:before {
	content: "\4b";
	font-family: "IcoMoonSocial";
	font-size: 18px;
	left: 6px;
	position: absolute;
	top: 5px;
	vertical-align: middle;
	speak: none;
}

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

 Pinterest button 
 
------------------------------------*/

ul#user-bar-search-block li#user-bar-pinterest-item a:before {
	content: "\4b";
	font-family: "IcoMoonSocial";
	font-size: 18px;
	left: 6px;
	position: absolute;
	top: 5px;
	vertical-align: middle;
	speak: none;
}

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

 Instagram button 
 
------------------------------------*/

ul#user-bar-search-block li#user-bar-instagram-item a:before {
	content: "\41";
	font-family: "IcoMoonSocial";
	font-size: 18px;
	left: 6px;
	position: absolute;
	top: 5px;
	vertical-align: middle;
	speak: none;
}

ul#user-bar-search-block li#user-bar-instagram-item {
	margin-right: 50px;
}




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

 Search button 
 
------------------------------------*/

ul#user-bar-search-block li#user-bar-search-item a:before {
	content: "\41";
	font-family: "IcoMoonBasic";
	font-size: 18px;
	left: 6px;
	position: absolute;
	top: 5px;
	vertical-align: middle;
	speak: none;
}

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

 Contact button 
 
-------------------------------------*/

ul#user-bar-search-block li#user-bar-contact-item a:before {
	content: "@";
	font-size: 23px;
	font-weight: normal;
	left: 5px;
	position: absolute;
	top: 3px;
	vertical-align: middle;
	width: 40px;
	speak: none;
}

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

 FAQ button 
 
----------------------------------*/

ul#user-bar-search-block li#user-bar-faq-item a:before {
	content: "\26";
	font-family: IcoMoonBasic;
	font-size: 18px;
	font-weight: normal;
	left: 6px;
	position: absolute;
	top: 5px;
	vertical-align: middle;
	width: 40px;
	speak: none;
}


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

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

#zone-branding-wrapper {
	background-color: #444;
	height: auto;
	margin-bottom: 10px;
}
#fantorrent-logo-container {
	text-align: center;
}
a#fantorrent-logo-link {
	color: #fff;
	font-size: 1.250em;
	text-transform: uppercase;
	display: block;
	padding: 10px 0;
}


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

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


/*------------ MOBILE NAV----------- */

/* show/hide nav button */

#block-superfish-1 .omega-mobile-only a.show-link {
	width: auto;
	/* negates show-link class positioning */
	left: 0;
	top: 0;
	margin-left: 0;
}
#zone-menu-wrapper {
	margin-bottom: 30px;
}
#block-superfish-1 {
	height: auto;
}
#block-superfish-1 ul {
	margin: 0;
	padding: 0;
}
#block-superfish-1 ul li {
	list-style-type: none;
	margin: 0 0 4px 0;
	padding: 0;
	list-style-image: none;
	text-align: center;
	float: none;
}
#block-superfish-1 ul li a {
	padding: 10px;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	width: auto;
	color: #222;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	background-color: #ddd;
	font-size: 17px;
}
#block-superfish-1 ul li a:hover {
	background-color: #999;
	color: #fff;
}

/* subnav hover */
#block-superfish-1 ul ul {
	display: none;
}


/*====================================!!! CONTENT SECTION !!!=========================================*/



/*---------------------------------------
 
 SUB-NAVIGATION in PAGE CONTENT
 
---------------------------------------*/

/* Hide Duplicate h2.block-title from submenu on pages */
#zone-content .block-menu-block h2.block-title {
	display: none;
}
#zone-content .menu-block-wrapper {
	margin: 20px 0 2em;
	overflow: hidden;
	padding: 10px;
	background-color: #eee;
}
#zone-content .menu-block-wrapper ul.menu {
	margin: 0;
	padding: 0;
}
#zone-content .menu-block-wrapper ul.menu li {
	float: none;
	list-style-type: none;
	list-style-image: none;
	border: 0;
	padding: 0;
	margin: 10px 0;
}
#zone-content .menu-block-wrapper a {
	text-transform: uppercase;
	display: block;
}
#zone-content .menu-block-wrapper a:hover {
	text-decoration: none;
}


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

 PAGERS
 
-------------------------------------------------------------
------------------------------------------------------------*/

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

 LOAD MORE link 
 
--------------------------------------*/

.item-list ul.pager-load-more {
	background: url("../../images/more-button-rule.png") repeat-x scroll left center transparent;
	border: 0 none;
	margin: 20px 0;
}
.item-list ul.pager-load-more li {
	padding: 0px;
	margin: 0;
	float: none;
	display: block;
	border: 0;
}

/* Load More button */
ul.pager-load-more li.pager-next a {
	background-color: #d3a979;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	-webkit-box-shadow: 0 0 3px #ccc;
	box-shadow: 0 0 3px #aaa;
	color: #fff;
	padding: 35px 15px;
	text-transform: lowercase;
	width: auto;
	display: inline-block;
}
ul.pager-load-more li.pager-next a:hover {
	background-color: #0c0b33;
	color: #fff;
	text-decoration: none;
	-webkit-box-shadow: 0 0 3px #ccc, 0 0 4px #ccc inset;
	box-shadow: 0 0 3px #888, 0 0 4px #000 inset;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	/* same as the <a> - needed to override omega defaults for hover */
	-webkit-border-radius: 100px;
	border-radius: 100px;
}

/* mobile */
.responsive-layout-mobile ul.pager-load-more li.first.last {
	margin-left: 0;
}

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

 NODE PAGER - Previous / Next 
 
-----------------------------------------*/

.node-pager-container {
	height: auto;
	min-height: 60px; /* icon height + padding */
	position: relative;
	margin-bottom: 40px;
	padding: 15px 0;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
.block-entity-pager {
	overflow: hidden;
}

a.entity-pager-link,
a.back-to-river-link {
	font-size: 0.75rem; /* 12px */
	line-height: 1.3;
	text-transform: uppercase;
	vertical-align: middle;
	min-height: 30px;
	padding: 0;
	text-decoration: none;
	color: #444;
	display: block;
	position: relative;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
a.entity-pager-link:hover,
a.back-to-river-link:hover {
	color: #0c0b33;
}

/*-----------------------
 << PREVIOUS 
------------------------*/

#entity_pager_1-item-previous, /* songs */
#entity_pager_2-item-previous, /* album node */
#entity_pager_3-item-previous, /* product node */
#entity_pager_4-item-previous, /* articles */
#entity_pager_5-item-previous /* legacy */{
	float: left;
	max-width: 40%;
}
a#entity-pager-previous-link {
	padding-left: 35px;
	padding-top: 5px;
}
/* icon */
a#entity-pager-previous-link:before  {
	content: "\3d";
	display: block;
	font-family: "IcoMoonArrows";
	font-size: 25px;
	line-height: 28px;
	letter-spacing: -16px;
	margin-right: 20px;
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 0;
	speak: none;
}

/*-----------------------
 << PREVIOUS (mobile only)
------------------------*/

.responsive-layout-mobile a#entity-pager-previous-link {
	display: block;
	height: 0;
	overflow: hidden;
	padding: 28px 0 0 0;
	position: relative;
	width: 34px;
}
.responsive-layout-mobile a#entity-pager-previous-link:before  {
	position: absolute;
	left: 0;
	top: 0px;
	width: 34px;
	speak: none;
}

/*-----------------------
 NEXT >> 
-------------------------*/

#entity_pager_1-item-next, /* songs */
#entity_pager_2-item-next, /* album node */
#entity_pager_3-item-next, /* product node */
#entity_pager_4-item-next, /* articles */
#entity_pager_5-item-next /* legacy */ {
	float: right;
	max-width: 40%;
}
a#entity-pager-next-link {
	padding-right: 35px;
	padding-top: 5px;
	text-align: right;
}

/* icon */
a#entity-pager-next-link:after {
	content:"\3e";
	display: block;
	font-family: "IcoMoonArrows";
	font-size: 25px;
	line-height: 28px;
	letter-spacing: -16px;
	margin-right: 20px;
	vertical-align: middle;
	speak: none;
	position: absolute;
	top: 0;
	right: 0;
}

/*-----------------------
 NEXT >>  (mobile only)
-------------------------*/

.responsive-layout-mobile a#entity-pager-next-link {
	display: block;
	height: 0;
	overflow: hidden;
	padding: 28px 0 0 0;
	position: relative;
	width: 34px;
}
.responsive-layout-mobile a#entity-pager-next-link:after {
	position: absolute;
	right: 0px;
	top: 0px;
}

/*-------------------------
 ALL - list link 
--------------------------*/

.back-to-river-link-container {
	position: absolute;
	left: 50%;
	margin-left: -15px;
}
a.back-to-river-link {
	overflow: hidden;
	height: 0;
	width: 30px;
	padding-top: 30px;
}
a.back-to-river-link:before {
	content: "\62";
	display: block;
	font-family: "IcoMoonBasic";
	font-size: 1.625rem;
	left: 2px;
	margin-right: 10px;
	position: absolute;
	top: 0;
	vertical-align: middle;
	speak: none;
}


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

 SHARE / SOCIAL NETWORK LINKS
 
---------------------------------------------------------
-------------------------------------------------------*/

ul.share-links-container {
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	height: 35px;
	margin: 0;
	padding: 5px 0;
	display: block;
}
ul.share-links-container li,
.teaser-grid ul.share-links-container li /* store page popup */ {
	float: left;
	height: auto;
	margin: 0 10px 0 0 !important;
	padding: 0;
	list-style-type: none;
}
.teaser-grid ul.share-links-container {
	padding: 5px 0;
	border-color: #555;
	overflow: visible; /* overwrites .teaser-grid ul */
}

/* Exceptions */

.node-type-song ul.share-links-container,
.node-type-album ul.share-links-container {
	margin-bottom: 30px;
}
.node-type-song ul.share-links-container:before,
.node-type-album ul.share-links-container:before,
.node-type-article ul.share-links-container:before {
	display: block;
	content: "Share:";
	font-size: 1.188em; /* 19px */
	line-height: 1.2;
	margin-right: 10px;
	float: left;
}

/* fix alignment of FB iframe */
.share-link-facebook iframe {
	position: relative;
	top: -5px;
}


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

 Socialite JS button styling 
 
-----------------------------------------*/

/* all */
a.socialite.twitter-share, 
a.socialite.facebook-like, 
a.socialite.googleplus-one {
	background-color: #444;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	color: #fff;
	display: block;
	font-size: 0.688rem; /* 11px */
	margin: 0;
	padding: 3px 9px;
	text-align: center;
	max-width: 85px;
}
/* twitter */
a.socialite.twitter-share span:before {
	color: #00C5F9;
	content: "0";
	font-family: "IcoMoonSocial";
	margin-right: 4px;
	vertical-align: middle;
	speak: none;
	line-height: 1;
}
/* facebook */
a.socialite.facebook-like span:before {
	background-color: #3B5998;
	border: 1px solid #777;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	color: #fff;
	content: "P";
	display: inline-block;
	font-family: "IcoMoonSocial";
	font-size: 8px;
	height: 12px;
	line-height: 10px;
	margin-right: 3px;
	position: relative;
	text-align: center;
	top: -1px;
	vertical-align: middle;
	width: 12px;
	speak: none;
}
/* google +1 */
a.socialite.goolgeplus-one {
	padding: 0 6px 0 9px;
}
a.socialite.googleplus-one span {
	color: #444; /* hides text in button color */
}
a.socialite.googleplus-one span:before {
	color: #fff;
	content: "!";
	font-family: "IcoMoonSocial";
	vertical-align: middle;
	speak: none;
	line-height: 1;
}


/*------------ Non-JS styling -------------------*/
/* Print link */
li.share-link-print a {
	padding-bottom: 5px;
	height: 16px;
}

/* Google +1 */
li.share-link-plusone {
	max-width: 170px; /* narrow max */
	overflow: hidden;
}


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

 PRINT & EMAIL LINKS - HORIZONTAL 
 
------------------------------------------*/

/* kills img & annoying alt text */
ul.share-links-container li.share-link-email .forward-icon,
ul.share-links-container li.share-link-print .forward-icon {
	display: none;
}

/* twitter */
ul.share-links-container.direction-horizontal .share-link-twitter .socialite-loaded {
	max-height: 20px;
	max-width: 85px;
	padding-top: 2px;
}

/* facebook */
ul.share-links-container.direction-horizontal .share-link-facebook .socialite-loaded {
	padding-top: 2px;
	width: 85px;
	max-height: 21px;
}

/* google +1 */
ul.share-links-container.direction-horizontal .share-link-plusone .socialite-loaded {
	max-height: 24px;
	max-width: 85px;
}

/* email & print */
ul.share-links-container.direction-horizontal li.share-link-email, 
ul.share-links-container.direction-horizontal li.share-link-print {
	height: 22px;
	width: 22px;
	float: left;
}
ul.share-links-container.direction-horizontal li.share-link-email a,
ul.share-links-container.direction-horizontal li.share-link-print a {
	display: block;
	width: 22px;
	height: 22px;
	position: relative;
	color: #444;
	line-height: 16px;
}
/* hide print & email icons in mobile */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
	ul.share-links-container.direction-horizontal li.share-link-email, 
	ul.share-links-container.direction-horizontal li.share-link-print {
		display: none;
	}
}

/* icons */
ul.share-links-container.direction-horizontal li.share-link-email a:hover,
ul.share-links-container.direction-horizontal li.share-link-print a:hover {
	color: #bbb;
}
ul.share-links-container.direction-horizontal li.share-link-email a:before {
	position: absolute;
	content: "\6f";
	font-family: IcoMoonBasic;
	font-size: 1.125rem; /* 18px */
	top: 4px;
	left: 0;
	border: 0;
	padding: 0;
	speak: none;
}

/* print link */
ul.share-links-container.direction-horizontal li.share-link-print a:before {
	border: 0;
	content: "\45";
	display: block;
	font-family: IcoMoonBasic;
	font-size: 1.063rem; /* 17px */
	left: 0;
	line-height: 1.5;
	padding: 0;
	position: absolute;
	top: 0;
	speak: none;
}

/* SHARE LINKS - No Direction (appears in community post) */
ul.share-links-container.direction-none {
	height: auto;
	padding: 10px 0;
	border: 0;
}
ul.share-links-container.direction-none li {
	float: none;
	height: 25px;
	margin: 0 0 6px 0;
	border: 0;
}

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

 SHARE LINKS - node footer - 
 Email and print links inline with text
 
-----------------------------------------*/

li.forward_link a.forward-page:before {
	content: "\6f";
	font-family: IcoMoonBasic;
	font-size: 18px;
	speak: none;
	margin-right: 5px;
}
li.print_html a.print-page:before {
	content: "\45";
	font-family: IcoMoonBasic;
	font-size: 1.125rem; /* 18px */
	speak: none;
}


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

 TEASER LIST & TEASER GRID styles
  
-----------------------------------------------------------
---------------------------------------------------------*/

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

 TEASER-GRID
 
----------------------------------------*/

.teaser-grid  {
	margin: 0;
	padding: 0;
}
.teaser-grid ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.teaser-grid li,
.teaser-grid .item-list li,
.teaser-grid .teaser-grid-row {
	list-style-type: none;
	float: left;
	padding: 0;
	margin: 0;
	position: relative;
}

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

 TEASER-LIST
 
----------------------------------------*/

.teaser-list {
	padding: 0;
}
.teaser-list ul {
	margin: 0;
	padding: 0;
}
.teaser-list-row,
.item-list li.teaser-list-row {
	padding: 15px 0;
	border-bottom: 1px solid #ccc;
	list-style-type: none;
	margin: 0;
	position: relative;
	overflow: hidden;
}

/* first and last row alterations */
.teaser-list-row:first-child,
.item-list li.teaser-list-row:first-child,
.region-sidebar-second .teaser-list-row:first-child {
	padding-top: 0;
}
.teaser-list-row:last-child,
.item-list li.teaser-list-row:last-child,
.region-sidebar-second .teaser-list-row:last-child {
	border-bottom: 0;
}

/* list row content - articles */
.teaser-list h3.title {
	font-size: 15px;
	margin-bottom: 5px;
}
.teaser-list .post-date {
	font-size: 0.813em;
	font-style: italic;
}
.teaser-list .media-thumb-item {
	width: 160px;
	float: left;
	margin-right: 30px;
}
.teaser-list ul.share-links-container {
	border: 0;
	height: 20px;
	margin: 0px;
	padding: 5px 0;
}


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

 CLICKABLE class: 
 
 Makes entire teaser-row container a link, vs
 just the linked text within. Style to make 
 visible changes on container hover.
  
-----------------------------------------------*/

/*----------------------------
 in main content area
------------------------------*/

/* articles list page */

.teaser-list .clickable h3 a {
	color: #a33352;
}

.teaser-list .clickable:hover h3 a {
	color: #299f85; /* same as a:hover */
}


/*------------------------------
 general 
-------------------------------*/

.clickable {
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.clickable-hover {
	cursor: pointer;
	background: none;
}

/*-----------------------------
in sidebar 
------------------------------*/

/* unlinked text */
#region-sidebar-second .clickable-hover {
	color: #fff;
}
/* linked text */
#region-sidebar-second .clickable a {
	color: ; /* same as default sidebar text */
}
#region-sidebar-second .clickable-hover a {
	color: #d3a979;
	text-decoration: none;
}
#region-sidebar-second .clickable-hover .dateblock {
	background-color: #299f85;
}
#region-sidebar-second .clickable-hover .dateblock .month,
#region-sidebar-second .clickable-hover .dateblock .day {
	color: #fff;
}

#region-sidebar-second .clickable-hover .city-state {
	color: #d3a979;
}

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

 More Link - sidebar blocks
 
----------------------------------------*/

.more-link a {
	display: block;
}


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

 CONTAINER STYLES
  
---------------------------------------------------------
-------------------------------------------------------*/

.embedded-video-container {
	width: 100%;
	height: 100%;
}

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

 NODE-CONTAINER STYLES 
 
---------------------------------------*/

.node-row-container,
.node-middle-row1-container,
.node-middle-row2-container,
.node-middle-row3-container,
.node-middle-row4-container,
.node-middle-row5-container,
.node-middle-row6-container,
.node-middle-row7-container,
.node-bottom-row-container {
	padding-bottom: 2.5em; /* 40px */
	margin-bottom: 2.5em; /* 40px */
	border-bottom: 1px solid #ccc;
	position: relative;
}
.node-bottom-row-container {
	border-bottom: 0;
}

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

 SHOW MORE / SHOW LESS - toggle links 
 
-----------------------------------------*/

/* show more */
a.show-link {
	display: block;
	clear: both;
	background: #ddd;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
	color: #444; 
	padding: 4px 20px;
	text-transform: uppercase;
	font-size: 13px;
	width: 180px;
	position: relative;
	margin-top: 10px;
}
a.show-link:hover {
	background: #444;
	color: #fff;
	text-decoration: none;
}
/* a.show-link:before, */
a.show-link:after {
	content: "\25";
	font-family: IcoMoonArrows;
	font-size: 13px;
	letter-spacing: -10px;
	margin-right: 15px;
	position: relative;
	top: 1px;
	speak: none;
}
a.show-link:after {
	margin-left: 16px;
	margin-right: 6px;
}

/* show less */
a.show-link.show-processed:before,
a.show-link.show-processed:after {
	top: 1px;
	content: "\24";
	speak: none;
	font-family: IcoMoonArrows;
}


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

 FORMS
 
-----------------------------------------------------------
---------------------------------------------------------*/

.image-widget-data input.form-file {
	margin-right: 10px;
}
label.option {
	vertical-align: middle;
}
input[type="checkbox"] {
	cursor: pointer;
}

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

 POP-UP BUY NOW fields 
 
-----------------------------------------*/

.add-to-cart-form-popup .field {
	padding: 5px 15px 15px 15px;
	background-color: rgba(0,0,0,0.8);
	color: #fff;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.add-to-cart-form-popup .form-type-item {
	font-size: 1.125em; /* 18px */
}
.add-to-cart-form-popup .form-type-item label {
	display: none;
}

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

 COLORBOX LOGIN STYLES 
 
----------------------------------------*/

/* Popup colorbox Login */

#colorbox #community-anon-login-box {
	
}

/* "not a member" section */
#colorbox #community-anon-login-box .community-anon-login-box-join {
	border: 1px solid #fff;
	background-color: #eee;
	padding: 20px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 16px;
	text-align: center;
	margin-bottom: 30px;
}

/* "already have an account" text */
#colorbox #community-anon-login-box .community-anon-login-box-message {
	font-size: 1.125rem; /* 18px */
	margin-bottom: 5px;
	text-align: center;
}

/* join the community text */
#colorbox #community-anon-login-box .community-anon-login-box-join a {
	font-size: 20px;
	margin-bottom: 10px;
}

/* Form fields */
#colorbox #community-anon-login-box label {
	font-size: 14px;
}
#colorbox #community-anon-login-box input {
	padding: 10px;
	font-size: 0.875rem; /* 14px */
	height: auto;
	width: 100%;
}
#colorbox #community-anon-login-box .form-actions input {
	margin-bottom: 40px;
}

/* Janrain social links */
#colorbox #community-anon-login-box .item-list {
	
}
#colorbox #community-anon-login-box .rpx-links li {
	margin: 0;
	padding: 0;
}
#colorbox #community-anon-login-box .rpx-links li a:first-child {
	font-size: 16px;
	display: block;
	margin-bottom: 10px;
}
#colorbox #community-anon-login-box .rpx-links li a:first-child:before {
	content: "Or ";
}

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

 DRUPAL TABS - navigation tab buttons
 
---------------------------------------------------------
-------------------------------------------------------*/

.tabs ul.primary {
	margin: 0 0 20px 0;
	padding: 0;	
	overflow: hidden;
	border-bottom: 1px solid #fff;
}
.tabs ul.primary li {
	margin: 0 3px 0 0;
	padding: 0;
	float: left;
	list-style-type: none; /* for comments */
}
.tabs ul.primary li a {
	background-color: #eee;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	color: #888;
	font-size: 0.875rem; /* 14px */
	display: block;
	padding: 6px 15px;
	text-decoration: none;
	text-transform: uppercase;
	border: 1px solid #fff;
	border-bottom: 0;
	text-align: center;
}
.tabs ul.primary li a:hover,
.tabs ul.primary li.active a  {
	background-color: #444;
	color: #fff;
	border-color: #333;
}


/*====================================!!! FOOTER SECTION !!!=========================================*/

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

 FOOTER
 
---------------------------------------------------------
-------------------------------------------------------*/

#zone-footer-wrapper {
	background: rgba(255,255,255,0.9);
}
#zone-footer {
	padding: 10px 0
}

/* Facebook and Twitter counters */

#block-fantorrent-base-connect-links {
	float: right;
}
#section-footer ul.inline-links {
	float: right;
	list-style-type: none;
	padding-top: 9px;
}
#section-footer ul.inline-links li {
	float: left;
	list-style-type: none;
}
#section-footer ul.inline-links li.connect-link-facebook {
	margin-right: 10px;
}

/* twitter */
#section-footer ul.inline-links li.connect-link-twitter iframe {
	max-width: 150px; /* increase as needed */
	overflow: hidden;
}

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

 Feedback link
 
-----------------------------------*/

#block-id-feedback-form-feedback-link {
	position: absolute;
	top: 0;
	left: 0;
}
#block-id-feedback-form-feedback-link a {    
	background-color: #000;
	-webkit-border-radius: 4px;
    border-radius: 4px;
    color: #0c0b33;
    display: block;
    padding: 2px 10px;
    text-decoration: none;
}

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

 Footer Copyright & Logos 
 
------------------------------------*/

#block-fantorrent-base-footer-message {
	font-size: 13px;
	overflow: hidden;
	color: #0c0b33;
}

#block-fantorrent-base-footer-message .privacy-footer {
	float: left;
	width: 100%;
	padding-top: 10px;
}

#block-fantorrent-base-footer-message .privacy-footer a {
	margin-right: 7px;
	padding-right: 7px;
	border-right: 1px solid #999;
}

#block-fantorrent-base-footer-message .footer-logos {
	margin-bottom: 10px;
	overflow: hidden;
	float: left; margin-left: 10px;
	margin-top: 5px;
}

/* Idea Den Logos */

span.copyright {
	display: block;
	float: left;
	margin: 10px 10px 0 0;
	overflow: hidden;
}
.copyright {
	float: left;
	margin-right: 10px;
	padding-top: 10px;
}

a.ideaden-logo {
	background-color: transparent;
	background-image: url("../../images/ideaden-light.svg");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	display: block;
	float: left;
	height: 0;
	overflow: hidden;
	padding-top: 30px;
	text-indent: -9999px;
	width: 80px;
	opacity: .5; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=50); /* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	margin-right: 10px;
}
a.masterchannel-logo {
	background-color: transparent;
	background-image: url("../../images/masterchannel-for-light-bg.svg");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 75px 75px;
	display: inline-block;
	height: 0;
	overflow: hidden;
	padding-top: 25px;
	text-indent: -9999px;
	/* width: 120px; */
	width: 80px;
	opacity: .5;
	/* Standard: FF gt 1.5, Opera, Safari; */
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	margin-right: 0px;
}

a.merchden-logo {
	background-color: transparent;
	background-image: url("../../images/merchden-light.svg");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 45px 38px;
	display: block;
	float: left;
	height: 0;
	overflow: hidden;
	padding-top: 40px;
	text-indent: -9999px;
	width: 45px;
	opacity: .5; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=50); /* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */		
	margin-right: 7px;
}
a.ideaden-logo:hover,
a.merchden-logo:hover {
	opacity: 1; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=100); /* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
}


/*-------------------------------
 
 Social Icons
 
--------------------------------*/

#social-icons ul {
	margin: 0;
	overflow: hidden;
	padding: 0;
}
#social-icons ul li {
	margin: 0 7px 7px 0;
	padding: 0;
	float: left;
	list-style-type: none;
	border: 0;
}
#social-icons ul li:last-child {
	margin-right: 0;
}
#social-icons ul li a {
	margin: 0;
	padding: 35px 10px 0;
	width: 35px;
	display: block;
	height: 0;
	overflow: hidden;
	position: relative;
	color: #d3a979;
	background: rgba(255,255,255,0.9);
	-webkit-border-radius: 25px;
	border-radius: 25px;
	border: 1px solid #d3a979;
}
#social-icons ul li a:hover {
	color: #fff;
	background-color: #a33352;
}

/* icons */
#social-icons ul li a:before {
	position: absolute;
	top: 7px;
	left: 6px;
	font-family: IcoMoonSocial;
	font-size: 21px;
	line-height: 21px;
	speak: none;
}
#social-icons ul li#facebook a:before {
	content: "Q";
}
#social-icons ul li#twitter a:before {
	content: "\30";
}
#social-icons ul li#youtube a:before {
	content: "\4b";
}
#social-icons ul li#itunes a:before {
	content: "\4f";
}
#social-icons ul li#myspace a:before {
	content:"\26";
}
#social-icons ul li#email a:before {
	font-family: IcoMoonBasic;
	content:"\6f";
	font-size: 29px;
	line-height: 30px;
}


/*====================================!!! SPECIFIC PAGES !!!=========================================*/


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

 ABOUT PAGE 
 
--------------------------------------------------------
------------------------------------------------------*/

.context-about {
	
}



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

 GALLERY - page
 
--------------------------------------------------------
------------------------------------------------------*/

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

 Gallery Filter links
  
---------------------------------*/

.gallery-years-view ul {
	margin: 0 0 30px 0;
	border-bottom: 1px solid #fff;
	overflow: hidden;
	padding: 0 0 20px 0; /* 20px padding + 10px margin on filter <li> = 30px */
}
.gallery-years-view ul li {
	list-style-type: none;
	margin: 0 10px 10px 0;
	padding: 0;
	float: left;
}
.gallery-years-view ul li a {
	display: block;
	padding: 3px 5px;
	border: 1px solid #fff;
	text-decoration: none;
	color: #444;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.gallery-years-view ul li a:hover,
.gallery-years-view ul li.active a,
.gallery-years-view ul li a.active {
	background-color: #444;
	color: #fff;
	border-color: #444;
}

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

 Gallery Items
 
---------------------------------*/

.page-gallery .gallery-image-item,
.page-gallery .gallery-video-item,
.page-gallery .gallery-image-item-mobile,
.page-gallery .gallery-video-item-mobile,
.page-gear .gallery-image-item,
.page-gear-m .gallery-image-item-mobile  {
	margin-bottom: 15px;
	padding: 0;
	background-color: #fff;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;

}
.page-gallery .gallery-image-item-mobile,
.page-gallery .gallery-video-item-mobile,
.page-gear .gallery-image-item-mobile {
	margin: 15px auto;
	width: 270px;
}
.page-gallery .gallery-image-item:hover,
.page-gallery .gallery-video-item:hover,
.page-gallery .gallery-image-item-mobile:hover,
.page-gallery .gallery-video-item-mobile:hover,
.page-gear .gallery-image-item:hover,
.page-gear .gallery-image-item-mobile:hover {
	-webkit-box-shadow: 0 0 8px #ccc;
	box-shadow: 0 0 8px #ccc;
}
.gallery-video-item, 
.gallery-video-item-mobile {
	position: relative;
	z-index: 1;
}
.gallery-video-item:before, 
.gallery-video-item-mobile:before {
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	content: "\74";
	font-family: "IcoMoonBasic";
	display: block;
	background-color: rgba(0,0,0,0.8);
	padding: 5px;
	color: #aaa;
	font-size: 20px;
	speak: none;
}
.gallery-item a {
	display: block;
}

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

 Gallery image info *
 
---------------------------------*/

.gallery-image-info-inline {
	padding: 10px;
	font-size: 11px;
	line-height: 14px;
	border: 1px solid #fff;
	border-top: 0;
}
.gallery-info-title {
	margin-bottom: 3px;
	width: 245px;
}
.gallery-info-comment-count {
	float: left;
	margin-right: 10px;
}

/* Icons */
.gallery-info-comment-count:before,
.gallery-info-photos-count:before {
	content: "\35";
	font-family: "IcoMoonBasic";
	font-size: 11px;
	line-height: 13px;
	display: inline-block;
	margin-right: 2px;
	vertical-align: middle;
	color: #777;
	position: relative;
	top: -1px;
	speak: none;
}
.gallery-info-photos-count:before {
	content: "\65";
	top: -2px;
	speak: none;
}

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

 Gallery - Mobile Only
  
---------------------------------*/

.page-gallery-m .gallery-image-item-mobile,
.page-gallery-m .gallery-video-item-mobile,
.page-gear-m .gallery-image-item-mobile {
	margin-bottom: 20px;
}
.page-gallery-m .gallery-image-item-mobile img,
.page-gallery-m .gallery-video-item-mobile img,
.page-gear-m .gallery-image-item-mobile img {
	width: 100%;
	height: auto;
}
.page-gallery-m .gallery-image-item-mobile .gallery-info-title,
.page-gallery-m .gallery-video-item-mobile .gallery-info-title,
.page-gear-m gallery-image-item-mobile .gallery-info-title {
	width: auto;
}

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

 SEARCH page
 
------------------------------------------------------
----------------------------------------------------*/

.page-search #search-form #edit-basic {
	margin-bottom: 30px;
}
.page-search .tabs ul.primary {
	margin: 0;
	border: 0;
}

/* form wrapper */
.page-search #edit-basic {
	padding: 20px;
	border: 1px solid #fff;
}

/* label */
.page-search label[for="edit-keys"] {
	margin-right: 5px;
}

/* input */
.page-search input#edit-keys {
	width: 150px;
}

/* submit */
.page-search #edit-basic .form-submit {
	margin: 1em 0;
}

/* ----Search Results -------*/

.search-results p:last-child {
	margin-bottom: 0;
}
.search-results li {
	border-bottom: 1px dotted #aaa;
	margin-bottom: 1em;
}
/* in-context results display */
.search-results .search-snippet-info {
	background-color: #f5f5f5;
	font-size: 0.813rem;
	margin-bottom: 20px;
	padding: 15px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

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

 FAQ - Contact page
 
------------------------------------------------------
----------------------------------------------------*/

.page-faq-page #webform-component-category {
	padding-top: 0;
}
.page-faq-page #webform-component-category label[for="edit-submitted-category"] {
	text-transform: uppercase;
	padding-bottom: 5px;
	padding-top: 0;
	border-bottom: 1px dotted #aaa;
}
.page-faq-page .faq-question {
	padding: 0 0 5px 20px;
}
.page-faq-page .faq-question-answer {
	margin-bottom: 10px;
}

/* arrow right */
.page-faq-page .faq-question-answer:before {
	content: "#";
	font-family: IcoMoonArrows;
	float: left;
	margin-right: 10px;
	speak: none;
}

/* arrow down */
.page-faq-page .faq-question-answer.expanded:before {
	content: "%";
	float: left;
	font-family: IcoMoonArrows;
	margin-right: 10px;
	position: relative;
	top: 2px;
	speak: none;
}

/* Feedback form */
.page-faq-page .region-sidebar-second-inner .block-id-feedback-form,
.context-contact .region-sidebar-second-inner .block-id-feedback-form {
	background: #eee;
	border: 1px solid #fff;
	color: #444;
}
.region-sidebar-second-inner .block-id-feedback-form h2.block-title {
	margin-bottom: 20px;
}
.page-faq-page .region-sidebar-second-inner .block-id-feedback-form ul,
.context-contact .region-sidebar-second-inner .block-id-feedback-form ul {
	margin: 0;
	padding: 0;
}
.page-faq-page .region-sidebar-second-inner .block-id-feedback-form li,
.context-contact .region-sidebar-second-inner .block-id-feedback-form li {
	list-style-type: none;
}
.page-faq-page .region-sidebar-second input, 
.page-faq-page .region-sidebar-second select,
.context-contact .region-sidebar-second input,
.context-contact .region-sidebar-second select {
	width: 100%;
}
.block-id-feedback-form label {
	font-weight: normal;
	line-height: 120%;
	margin-bottom: 5px;
}


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

 PARTNERS / LINKS - page
 
------------------------------------------------------
----------------------------------------------------*/

/* section titles */
.view-sponsors h3 {
	font-size: 1.5rem;
}

/* items */
.view-sponsors .teaser-grid-row,
.view-sponsors.teaser-grid li {
	line-height: 1.125;
	margin: 0 0 15px 0;
	text-align: center;
	width: 100%;
	float: none;
	background-color: #fff;
}
.view-sponsors .teaser-grid-row .views-field-field-images-1,
.view-sponsors.teaser-grid li .views-field-field-images-1 {
	margin-bottom: 10px;
	border: 1px solid #fff;
	padding: 5px;
}

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

 PRIVACY / TERMS OF USE - page
 
------------------------------------------------------
----------------------------------------------------*/

#privacy-policy, 
#termsofuse {
	border-bottom: 1px solid #fff;
	margin-bottom: 40px;
	padding: 40px 0;
}
#termsofuse ol,
#termsofuse ul,
#privacy-policy ul,
#privacy-policy ol {
	margin: 0 0 30px 30px;
}

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

 PRINT page (linked from icon in social links ul)
 
------------------------------------------------------
----------------------------------------------------*/

.print-logo {
	font-size: 30px;
	margin-bottom: 10px;
}
.print-content h2 {
	margin: 40px 0 20px 0;
}
.print-content p:last-child {
	margin: 20px 0 40px;
}


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

 LEGAL - Terms & Privacy Page
 
------------------------------------------------------
----------------------------------------------------*/

.context-legal .last-updated {
	font-size: 0.875em; /* 14px */
	text-align: right;
}




/*====================================!!! SPOTLIGHT BANNER SECTION !!!=========================================*/

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

 SPOTLIGHT BANNER POPUP 
 
-----------------------------------------------------------------------
---------------------------------------------------------------------*/

.responsive-layout-mobile .block-fantorrent-ads-support:before {
	content: "PROMOTIONS:";
	display: block;
	margin-bottom: 10px;
	padding-top: 10px;
	font-size: 30px;
	text-align: center;
	border-top: 4px double #aaa;
	color: #444;
}


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

 Toggle button 
 
---------------------------------------*/

a.spotlight-toggle {
	background-color: transparent;
	padding: 15px;
	width: 100%;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	color: #fff;
	display: block;
	font-size: 20px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 10px;
}
a.spotlight-toggle img {
	width: auto;
}


/*---------------------------
 Spotlight Closed 
-----------------------------*/
a.spotlight-toggle.closed {
	background-color: #a33352;
}
a.spotlight-toggle.closed:hover {
	background-color: #299f85;
	text-decoration: none;
}


/*--------------------------
 Spotlight Open 
----------------------------*/
a.spotlight-toggle.open {
	background-color: #a33352;
}
a.spotlight-toggle.open:hover {
	background-color: #299f85;
	text-decoration: none;
}



/*------------------------------------------------
 
 Drop Down Section
 
------------------------------------------------*/

.spotlight.drop-down {
	background: #eee;
	padding: 20px;
	margin-bottom: 10px;
}


/* Spotlight Images */
.spotlight-images-wrapper {
	margin-bottom: 15px;
}

/* spotlight - h2 title */
.spotlight h2 {
	color: #222;
	font-size: 23px;
	line-height: 1;
	margin-bottom: 5px;
}
.spotlight h5 {
	font-size: 15px;
}



/*-------------------------------
 spotlight - body and link 
---------------------------------*/

.spotlight-body-and-link-wrapper {
	color: #999;
}
.spotlight .field-item p {
	margin: 0;
}
.spotlight-body-and-link-wrapper .field-name-body {
	font-size: 1.5rem;
	line-height: 1.3;
	margin-bottom: 10px;
	position: relative;
}
.spotlight .field-name-body p a {
	color: #bbb;
}


/* Link Field */
.spotlight.drop-down .field-type-link-field .field-label {
	display: none;
}
.spotlight .field-type-link-field {
	display: block;
	font-size: 1em;
}
.spotlight .field-type-link-field a {
	display: block;
	font-size: 1.250rem;
	line-height: 1;
	padding: 10px 30px 10px 30px;
	color: #fff;
	background-color: #32bcd5;
	border-radius: 15px;
	text-align: center;
}
.spotlight .field-type-link-field a:hover {
	text-decoration: none;
	background-color: #ddd;
	color: #222;
}
.spotlight .field-type-link-field a:after {
	content: "/";
	font-family: "IcoMoonArrows";
	font-size: 25px;
	line-height: 27px;
	margin-left: 5px;
	vertical-align: middle;
}

/** mobile tour dates **/
.front .block-views-events-upcoming h3 {
	margin-bottom: 0px;
}

.page-store .view-header.omega-narrow-up {
	display: block !important;
}

/** hide the Post form and posts  on node 1371 **/
.page-node-1371 .node-comments-container {
	display: none;
}

#node-5 #comments,
#node-5 .anon-no-comments-wrapper,
.page-node-5 .region-content-inner .block-community-anon-login-block { 
	display: none;
}

