﻿#goto-button,
.diag_box.show-more .show-more-button,
.section.show-more .show-more-button,
#videos-scroll.show-more .show-more-button,
.tabs .sli_topnav.show-more a.show-more-button,
#worship-leaders-flyout,
#responsive_search {
	display: none;
}

/* IE8 nonsense */
#songs_browse #pane ul:first-child li { display: list-item !important; }
#songs_browse #pane ul:first-child + ul li { display: list-item !important; }

/* SHOW MORE/LESS BUTTONS */
	#songs_browse.show-more .show-more-button,
	.greybox.show-more .show-more-button,
	#videos-scroll.show-more .show-more-button {
		display: block;
	}

	.diag_box.show-more .show-more-button,
	.greybox.show-more .show-more-button,
	#videos-scroll.show-more .show-more-button {
		color: #666;
		font-size: smaller;
		font-weight: bold;
		margin: 8px 0 -6px;
		text-align: right;
	}
	.section.show-more .show-more-button,
	#worship-leaders-flyout.show-more .show-more-button {
		background: transparent url('/images/arr_2.gif') no-repeat center center;
		float: right;
		height: 8px;
		line-height: 24px;
		padding: 12px;
		width: 8px;

		-o-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.section.show-more.shown .show-more-button,
	#worship-leaders-flyout.show-more.shown .show-more-button {
		background-image: url('/images/arr_1.gif');

		-o-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	#videos-scroll.show-more {
		height: auto;
	}
	#videos-scroll.show-more .show-more-button {
		height: 28px;
	}
	#videos-scroll .divVScrollerBar {
		display: none !important;
	}
	.diag_box.show-more .show-more-button img,
	.greybox.show-more .show-more-button img,
	#videos-scroll.show-more .show-more-button img {
		position: relative;
		top: -2px;
		vertical-align: middle;
	}
	.diag_box.show-more .show-more-button:after,
	.greybox.show-more .show-more-button:after,
	#videos-scroll.show-more .show-more-button:after {
		content: ' SHOW MORE';
	}
	.diag_box.show-more.shown .show-more-button:after,
	.greybox.show-more.shown .show-more-button:after,
	#videos-scroll.show-more.shown .show-more-button:after {
		content: ' SHOW LESS';
	}
	#songs_browse.show-more ul li,
	.greybox.show-more #videos-scroll ul.videos-list li,
	#videos-scroll-holder #videos-scroll.show-more ul.videos-list li {
		display: none !important;
	}
	#songs_browse.show-more.shown ul li,
	.greybox.show-more.shown #videos-scroll ul.videos-list li,
	#videos-scroll-holder #videos-scroll.show-more.shown ul.videos-list li {
		display: list-item !important;
	}
	/*#blog_options li:first-child,
	#song_box ul li:nth-child(-n + 4),*/
	#songs_browse ul:nth-child(-n + 2) li,
	/*.diag_box ul.songs_list li:nth-child(-n + 4),*/
	.greybox #videos-scroll ul.videos-list li:nth-child(-n + 3),
	#videos-scroll-holder #videos-scroll ul.videos-list li:nth-child(-n + 6) {
		display: list-item !important;
	}
/* END SHOW MORE/LESS BUTTONS */

/* #songs_browse */
	#songs_browse.show-more {
		height: auto;
	}
	#songs_browse.show-more #pane {
		height: auto;
		padding-bottom: 0;
	}
	#songs_browse.show-more #pane .customScrollerContainer .customScrollerContent,
	.greybox.show-more #videos-scroll .customScrollerContainer .customScrollerContent,
	#videos-scroll.show-more .customScrollerContainer .customScrollerContent {
		position: relative !important;
	}
	#songs_browse.show-more #pane #horizontal_scroller,
	.greybox.show-more #videos-scroll  #horizontal_scroller
	#videos-scroll.show-more  #horizontal_scroller {
		height: auto;
		max-width: 100%;
	}
	#songs_browse.show-more #pane #horizontal_scroller ul.blocks {
		margin-right: 2%;
		max-width: 49%;
	}
	#songs_browse.show-more #pane #horizontal_scroller ul.blocks:nth-child(2n) {
		margin-right: 0;
	}
	#songs_browse.show-more #pane #horizontal_scroller ul.blocks li {
		max-width: 100%;
	}
	#songs_browse.show-more #pane #horizontal_scroller ul.blocks:nth-child(3),
	.greybox.show-more #videos-scroll  #horizontal_scroller ul.blocks:nth-child(3)
	#videos-scroll.show-more  #horizontal_scroller ul.blocks:nth-child(3) {
		clear: left;
	}
	#songs_browse.show-more .divOScrollerBar,
	.greybox.show-more #videos-scroll .divOScrollerBar
	#videos-scroll.show-more  .divOScrollerBar {
		display: none !important;
	}
/* END #songs_browse */

/* #videos-scroll */

	#videos-scroll {
		height: auto;
	}
	#videos-scroll .customScrollerContainer .customScrollerContent .scroller {
		height: auto;
		width: auto;
	}
	#videos-scroll-holder #videos-scroll .videos-list li {
		margin: 0 2% 0 0;
		width: 15%
	}
	.greybox #videos-scroll .videos-list li {
		margin: 0 3% 0 0;
		width: 31%;
	}
	#videos-scroll-holder #videos-scroll .videos-list li:nth-child(6n) {
		margin-right: 0;
	}
	.greybox #videos-scroll .videos-list li:nth-child(3n) {
		margin-right: 0;
	}
	#videos-scroll .videos-list li a img {
		max-width: 100%;
	}
	#videos-scroll .videos-list li span {
		display: inline-block;
		height: 36px;
        margin-top: 5px;
	}

/* END #videos-scroll */

@media screen and (min-width: 768px) {
	body {
		min-width: 980px;
	}
}

@media screen and (max-width: 767px) {
	#header {
		margin-right: 10px;
	}
	#member_login_bar {
		margin-right: 10px;
	}

    /*.member_login { height: 121px;}*/

	#login_menu {
		right: 10px;
	}
	#navigation {
		width: 100%;
	}
	#search_form {
		display: none;
	}
	.col_160.last {
		display: none;
	}
	#responsive_search{
		display: block;
	}
	#responsive_search .search_field {
		width: 85%;
	}
	#footer {
		width: 100%;
	}
	a.play {
		background: url(../images/btn_play_pause_large.png) no-repeat left top;
		height: 30px;
		top: 0;
		width: 30px;
	}
	.free_song .play.button {
		margin: 5px 5px 5px 0;
	}
	.songs_list li a {
		padding: 16px 10px 15px 44px;
	}
	.container {
		width: 100%;
	}
	#logo {
		position: relative;
		left: 50%;
		margin-left: -145px;
	}
	#goto-button {
		color: #ccc;
		line-height: 45px;
	}
	#goto-button img.more {
		margin-left: 6px;
		position: relative;
		top: 4px;
		vertical-align: baseline;
	}
	#goto-button img.less {
		display: none;
		float: right;
		margin: 10px 10px 0 0;
	}
	#goto-button.shown img.less {
		display: inline;
	}
	#navigation {
		height: auto;
		margin-top: 10px;
		min-height: 45px;
		width: 100%;
	}
	#navigation .join_now {
		display: none;
	}
	#navigation ul {
		display: none;
		float: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	#navigation ul li {
		background: #222;
		border-bottom: 1px solid #444;
		display: block;
		line-height: 38px;
		margin: 0;
	}
	#navigation ul li.last {
		border-bottom: none;
	}
	#goto-button, #navigation ul li a {
		display: block;
		padding-left: 50%;
	}
	#goto-button:before, #navigation ul li a:before {
		content: '';
		margin-left: -40px;
	}
	#navigation ul li a#worship_leaders {
		line-height: 38px;
		margin: 0;
	}
	.section.show-more ul {
		padding: 0 !important;
	}
	.col {
		float: none;
		display: block;
		margin: 0 auto;
	}
	.col.last {
		margin-right: auto !important;
	}
	.col_380 {
		max-width: 380px;
		width: 100%;
	}
	.col_420 {
		max-width: 420px;
		width: 100%;
	}
	.col_530 {
		max-width: 380px;
		width: 100%;
	}
	.col_790 {
		max-width: 380px;
		width: 100%;
	}

    .col_970 {
		max-width: 380px;
		width: 100%;
	}
    .col_980 {
		max-width: 380px;
		width: 100%;
	}
	#home_hero {
		padding: 10px;
		width: auto;
	}
	#hero_box {
		height: auto;
		overflow: hidden;
	}
	#hero_box img {
		max-width: 100%;
		vertical-align: middle;
	}
	#hero_nav {
		margin: -10px auto 0;
		position: relative;
		top: 70px;
	}
	#hero_info {
		position: static;
	}
	#hero_info .hero_info {
		height: auto;
	}
	#hero_info .hero_info a h2 {
		margin: 0;
		padding-top: 15px;
	}
	#hero_info .hero_info a p {
		margin: 0;
		padding-bottom: 15px;
	}

    #hero_buttons .hero_btn{
        top:32%
    }
	#blog_drop_top, #blog_select .blog_article, #blog_drop_bottom {
		display: none;
	}
	#blog_drop {
		display: block;
		position: static;
		width: auto;
	}
	#blog_options {
		background: none;
		padding: 0;
	}
	#blog_options li a {
		background: #222;
		color: #afd14c;
		display: block;
		width: auto;
	}
	#blog_options li a.active, #blog_options li a:hover {
		background: #222;
		color: #afd14c;
	}
	#free_songs .free_song {
		width: auto;
	}
	#wtvidplayer > * {
		width: 100%;
	}
	.song-conversation, #fb_conversation {
		display: none;
	}
	#fb_like_container {
		display: none;
	}
	#latest_tweets {
		display: none;
	}
	.diag_box.modal {
		max-width: 328px;
		width: 100%;
	}
	.diag_box {
		margin: 0 auto 24px;
		max-width: 360px;
	}
	.diag_box.show-more .show-more-button,
	.greybox.show-more .show-more-button,
	#videos-scroll.show-more .show-more-button {
		display: block;
	}
	.section.show-more .show-more-button,
	#worship-leaders-flyout.show-more .show-more-button {
		display: block;
	}
	.diag_box.show-more ul li,
	.greybox.show-more ul li,
	.section.show-more ul li,
	#videos-scroll.show-more ul li {
		display: none !important;
	}
	.diag_box.show-more.shown ul li,
	.greybox.show-more.shown ul li,
	.section.show-more.shown ul li,
	#videos-scroll.show-more.shown ul li {
		display: list-item !important;
	}
	#blog_options li:first-child,
	#song_box ul li:nth-child(-n + 4),
	#songs_browse ul:nth-child(-n + 2) li,
	.diag_box ul.songs_list li:nth-child(-n + 4),
	#videos-scroll-holder #videos-scroll ul.videos-list li:nth-child(-n + 3) {
		display: list-item !important;
	}
	#footer_left {
		position: relative;
		float: none;
		max-width: 380px;
		width: 100%;
		padding: 0;
		margin: 0 auto;
		display: block;
	}
	#newsletter {
		margin: 50px auto 0;
		width: 272px;
	}
	#newsletter_form .newsletter_field {
		width: 230px;
	}
	#newsletter_form .newsletter_field input {
		width: 100%;
	}
	#newsletter_form .newsletter_button {
		float: right;
	}
	#social_media {
		left: 50%;
		margin: 0;
		margin-left: -136px;
		position: absolute;
		/*top: -50px;*/
		width: 272px;
	}
	#social_media h4 {
		display: none;
	}
	#footer {
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
	}
	#footerlinks {
		float: none;
		margin: 20px auto 0;
		max-width: 380px;
		width: 100%;
	}
	#footerlinks .footer_col {
		display: none;
	}
	#footerlinks .footer_col.partners {
		display: block;
		float: none;
		margin: 0 auto;
		width: 272px;
        margin-top: 50px;
	}
	#footerlinks .footer_col.partners li {
		float: left;
		margin-right: 32px;
	}
	#footerlinks .footer_col.partners li:first-child {
		float: none;
	}
	#footerlinks .footer_col.partners li:last-child {
		margin-right: 0;
	}
	#sub_footer {
		background: #1c1c1c;
		margin-top: 0;
		padding-top: 12px;
		position: relative;
	}
	#sub_footer ul, #sub_footer .cabedge, #sub_footer .copyright {
		display: block;
		float: none;
		margin: 0 auto;
		max-width: 380px;
		width: 100%;
	}

	/* SONGS PAGE */
	.song_finder {
		background-color: transparent;
		max-width: 380px;
		width: 100%;
	}
	.song_finder .handler {
		border-bottom: none;
	}
	.song_finder .content {
		padding: 0;
	}
	.song_finder .song_search .col {
		float: none;
		margin-right: 0;
		width: auto;
	}
	.song_finder .song_search .col .section {
		background: #444;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		margin-bottom: 0;
		padding: 0;
	}
	.song_finder .song_search .col .section h5 {
		background: #151515;
		border-bottom: none;
		padding: 12px 20px;
	}
	.song_finder .song_search .col .section ul {
		background: #444;
		padding: 4px 0;
	}
	.song_finder .song_search .col.double_col .section ul {
		width: 50%;
	}
	.song_finder .song_search .col .section ul li {
		line-height: 24px;
		margin: 0 20px;
	}
	.song_finder .song_search .col .section ul li label {
		padding-left: 0;
	}
	.song_finder .song_search .col .section ul li label input {
		display: inline;
		position: static;
		vertical-align: middle;
	}
	.song_finder .submit {
		margin: 16px auto 8px;
		position: static;
	}

	/* SONG PAGE */
	.inner_col {
		float: none;
        /*margin-bottom: 20px;*/
	}

    .song_taxonomy {display: none;}
    #song_taxonomy_nav a.hide{display: none;}
    #song_taxonomy_nav a.show {display: block;}

    #chordPro { margin-bottom: 15px}

	#wtaudiodetailplayer embed {
		width: 100%;
	}

    #song_videos {margin-top: 10px}

	.inner_col.col_375 {
		float: none;
		/*margin-right: none;*/
		width: auto;
	}
	.fb_iframe_widget,
	.fb_iframe_widget span,
	.fb_iframe_widget span iframe {
		width: 100% !important;
	}

	/* Worship Leaders page */

    /*.songs_list {margin-bottom: 20px;}*/

	#about { margin-bottom: 10px;}
    
    #about img {max-width: 100%;}
	#worship-leaders-flyout {
		background: #2b2b2b;
		border-radius: 4px;
		display: block;
		margin: 0 auto 10px;
		max-width: 380px;
	}
	#worship-leaders-flyout .worship-leaders-selected {
		margin-bottom: 0;
		padding: 12px;
	}
	#worship-leaders-flyout.shown .worship-leaders-selected {
		border-bottom: 1px solid #464646;
	}
	#worship-leaders-flyout .worship-leaders-list {
		display: none;
	}
	#worship-leaders-flyout.shown .worship-leaders-list {
		display: block;
	}
	#worship-leaders-flyout .worship-leaders-list li a {
		font-size: smaller;
		padding: 8px 12px;
	}

	/* Videos page */
	#video_tabs .nav a {
		font-size: 16px;
		padding: 16px 12px;
		width: auto;
	}
	#video_tabs #wtvidplayer > * {
		height: auto !important;
		min-height: 225px !important;
		width: 100% !important;
		max-width: 380px !important;
	}
	#video_detailed > a.right {
		max-width: 40%;
	}
	#video_detailed > a.right img {
		width: 100%;
	}
	#videos-scroll-holder #videos-scroll .videos-list li {
		margin: 0 3% 0 0;
		width: 31%
	}
	#videos-scroll-holder #videos-scroll .videos-list li:nth-child(3n) {
		margin-right: 0;
	}
	#videos-scroll-holder #videos-scroll ul.videos-list li:nth-child(n+3) {
		display: none !important;
	}
	#videos-scroll-holder #videos-scroll ul.videos-list li:nth-child(-n + 3) {
		display: list-item !important;
	}

	/* Join Now page */
	#join-now-text {
		display: none;
	}

	/* Store page */
	.store_item img {
		max-width: 100%;
	}
	.store_item .text {
		word-wrap: break-word;
	}

	/* Search Results */
	.search_results .sidebar,
	.search_results .results .sorter.rounded:first-child,
	#sli_search_suggestions_footer,
	#sli_poweredby
	 {
		display: none;
	}

	.tabs .sli_topnav.show-more ul.sli-tabsUL > li {
		display: none;
		float: none;
		margin: 0;
	}
	.tabs .sli_topnav.show-more.shown ul.sli-tabsUL > li {
		display: list-item;
	}
	.tabs .sli_topnav a {
		width: 100%;
	}
	.tabs .sli_topnav ul.sli-tabsUL > li > a {
		background: #444;
		border-top-left-radius: 0;
		font-size: smaller;
		line-height: 20px;
		padding: 8px;
	}
	.tabs .sli_topnav ul.sli-tabsUL > li > a:before {
		background: transparent url('/images/radio-button.png') no-repeat center left;
		display: inline-block;
		content: ' ';
		height: 14px;
		margin: 0 8px 0 32px;
		vertical-align: middle;
		width: 13px;
	}
	.tabs .sli_topnav ul.sli-tabsUL > li > a.active:before {
		background-position: center right;
	}
	.tabs .sli_topnav.show-more a.show-more-button {
		background: #222;
		color: #fff;
		display: block;
		font-size: 14px;
	}
	.tabs .sli_topnav.show-more a.show-more-button:after {
		background: url('/images/arr_2.gif') no-repeat left center;
		content: 'REFINE RESULTS';
		padding-left: 16px;
	}
	.tabs .sli_topnav.show-more.shown a.show-more-button:after {
		background-image: url('/images/arr_1.gif');
	}

	.tabs .sli_topnav + .content {
		margin-top: 16px;
	}

	.tabs .sli_topnav ul.sli-tabsUL > li .song_finder {
		border-radius: 0;
		border-top: 1px solid #666;
		margin: 0;
	}
	.tabs .sli_topnav ul.sli-tabsUL > li .song_finder:last-child {
		border-bottom: 1px solid #666;
	}
	.tabs .sli_topnav ul.sli-tabsUL > li .song_finder .handler {
		background-color: #333;
		background-position: 96% center;
		font-size: 13px;
		font-weight: normal;
		line-height: 20px;
		padding-left: 76px;
	}
	.tabs .sli_topnav ul.sli-tabsUL > li .song_finder .content {
		background-color: #222;
		display: none;
	}
	.tabs .sli_topnav ul.sli-tabsUL > li .song_finder .content .section {
		padding: 20px 8px;
	}
	.tabs .sli_topnav ul.sli-tabsUL > li .song_finder .content .section li {
		display: list-item;
		float: none;
		padding: 6px 0;
	}
	.tabs .sli_topnav ul.sli-tabsUL > li .song_finder .content .section li label {
		padding-left: 24px;
	}
	.tabs .sli_topnav ul.sli-tabsUL > li .song_finder .content .section .sli_facet_moreless {
		margin: 0;
		padding: 0;
	}
	.tabs .sli_topnav ul.sli-tabsUL > li .song_finder .content .section .sli_facet_moreless > a {
		background: transparent;
		color: #afd14c;
		margin-right: 12px;
		padding: 0;
		width: auto;
	}

	.search_results .results {
		max-width: 100%;
	}

	.search_results .results .post_result h2,
	.search_results .results .post_result p {
		margin: 3px 0;
	}
	.search_results .results .post_result p.type {
		color: #fff;
	}

	.pageselectortext {
		visibility: hidden;
	}
	.pageselectortext .pageselectorlink {
		display: inline-block;
	}
	.pageselectortext .pageselectorlink.prev,
	.pageselectortext .pageselectorlink.next {
		color: transparent;
		height: 46px;
		max-width: 111px;
		position: absolute;
		top: 0;
		visibility: visible;
		width: 46%;
	}
	.pageselectortext .pageselectorlink.prev {
		background: transparent url('/images/search-prev-button.png') no-repeat top left;
		background-size: 200%;
		right: 52%;
	}
	.pageselectortext .pageselectorlink.next {
		background: transparent url('/images/search-next-button.png') no-repeat top left;
		background-size: 200%;
		left: 52%;
	}

	#sli_pagination_footer {
		float: none !important;
		height: 46px;
		position: relative;
	}
}

@media screen and (max-width: 379px) {
	#facebox {
		left: 0 !important;
	}
}


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
