/* ANY CSS FOR ALL WIDTHS GOES HERE
----------------------------------------------------------- */

input#mod-search-searchword {
    width: 250px;
}

#s5_map_canvas img {
	max-width:none !important;
}



/* CUSTOM SIZES
----------------------------------------------------------- */

@media (min-width: 1050px) {
    #s5_center_column_wrap_inner {
        /*margin-right: 37% !important;*/
    }
}

@media screen and (max-width: 1280px) {

	#s5_nav li a,
	#s5_loginreg{
		font-size:.8em;
	}	

	#s5_nav li .s5_level1_span2 a {
		padding:0 8px;
	}
	
	.socialIcons {
		margin: 5px 50px 0 10px !important;
	}
		
	.ttw-music-player .player-controls {
		width:178px !important;
	}		
		
	.ttw-music-player .progress-wrapper {
		width:64px !important;
	}	

}


@media screen and (max-width: 1050px) {
	
    #s5_middle_top_inner, 
    #s5_center_area_inner,
    .flip #s5_columns_wrap_inner {
        display: flex;
        flex-direction: column;
    }
   
    #s5_middle_top_inner {
        display: flex;
        flex-direction: column;
    }
    
    div#s5_columns_wrap,
    .flip #s5_right_column_wrap {
        flex: 1;
        order: 1;
    }

    body.homepage #s5_extras_wrap,
    .flip #s5_center_column_wrap {
        flex: 1;
        order: 2;
        padding-bottom: 20px !important;
    }
    
    #s5_pos_middle_top_1,
    #s5_pos_middle_top_2 {
        flex: 1;
        max-width: 100% !important;
        width: unset !important;
    }
    
    #s5_pos_middle_top_1 {order: 2;}
    #s5_pos_middle_top_2 {order: 1;}

}

@media screen and (max-width: 1080px) {

	input#mod-search-searchword {
		width: 180px;
	}
	
	#s5_nav li a,
	#s5_loginreg{
		font-size:.7em;
	}	

	#s5_nav li .s5_level1_span2 a {
		padding:0 6px;
	}
	
	div#fontControls {
		display: none;
	}

	body.homepage input#mod-search-searchword {
		width: 200px;
	}
	
	div#myGallery {
		height: 560px !important;
	}
	
	.s5_scrolltotop {
		margin-right: 31px !important;
	}

}

/* ALL WIDTHS UNDER 980PX
----------------------------------------------------------- */

@media screen and (max-width: 980px) {

    body.homepage #s5_extras_wrap {
        padding: 20px 0px !important;
        text-align: center !important;
    }

    body.homepage .countdown {
        float: none !important;
    }
    
	.socialIcons {
		float: none !important;
		margin: 5px 0 10px !important;
		text-align: center;
		display: block;
	}
    
    .module_round_box-highlight .s5_mod_h3 {
        font-size: 1.5em !important;
    }
    
    #s5_responsive_mobile_drop_down_menu ul li {
        margin-bottom: -10px;
    }
    
	#s5_top_menu {
		display:none !important;
	}
		
	#s5_logo_and_options {
		height:auto !important;
		position:relative !important;
	}
		
	#s5_logo_and_options_inner {	
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
		border-radius:0px;
		background:url(../images/darkbackground.png) repeat scroll 0 0 #000000;
		margin-top:0px !important;
		margin-left:0px !important;
		margin-right:0px !important;
	}	

	.s5_logo_wrap {
		background:none !important;
		margin:0 auto !important;
		float:none !important;
	}

	#s5_notpublished {
		display: none;
	}
    
	.s5_pageinactive:nth-of-type(3)::after {
		content: '';
		clear: both;
		display: block;
		margin-bottom: 20px;
	}
	
	.k2Pagination .pagination > a:nth-of-type(1)::before {
		content: '';
		clear: both;
		display: block;
		margin: 0;
	}
	
    body.homepage #s5_center_area2 {
        padding-top: 30px;
    }
    
    body:not(.homepage) #k2Container img {
        max-width: 50%;
    }
    
    .s5_outer-highlight li > div:not(.ubUserAdditionalInfo) {
        display: block;
        clear: both !important;
        float: none !important;
        width: 100% !important;
    }
    
    .pagination [class*="span"] {
        display: inline-block;
        margin-bottom: 20px;
    }
    
    div#s5_button_wrap0 {
        display: none;
    }

    a[rel=eventpic] img {
        margin-top: 0 !important;
    }

    #s5_right_column_wrap .event_detail_container {
        margin-bottom: 20px;
    }
    
    .powered {
        padding-bottom: 20px !important;
    }
    
    audio, canvas, video {
        width: 100%;
    }
    
    #s5_right_column_wrap .s5_mod_h3, #s5_right_column_wrap .moduleItemTitle h3 {
        padding: 10px 0 !important;
    }

    .moduleItemImage img {
        float: none !important;
        display: block;
        /*width: 100%;*/
        margin: 10px 0 !important;
    }

    #s5_right_wrap .moduleItemImage img {
        margin-top: 0 !important;
    }
    
    #s5_footer,
    .powered {
        
    }

    #s5_footer_area2 {
        margin: 50px 0 0;
    }

    div#s5_center_area2 {
        margin: 0;
    }

    div#s5_footer, .powered {
        float: none !important;
        margin: 0 !important;
        text-align: center;
        /* background: transparent !important; */
        /* color: #000 !important; */
        /* font-size: 1.5em; */
        /*width: 100%;*/
    }

    .s5_is_css_1 .s5_is_css_hidden, .s5_is_css_1:hover .s5_is_css_hidden {
        padding: 10px 20px 20px !important;
        margin: -10px 0 0;
    }
	
    #s5_bottom_row2_area2 {
        margin: 0 0 500px 0px !important;
        padding: 40px 0 !important;
    }
	
    div#s5_bodywrap {
        padding-bottom: 0;
    }
    
    body.homepage #s5_extras_wrap {
        margin: 25px 15px 30px !important;
    }

	img#mobile_logo {
		display: block;
	}
	
	body.homepage div#s5_center_area1 {
		margin-top: 0;
	}
	
	div#myGallery {
		display:none !important;
	}
	
	div#s5_logo_and_options {
		display: none;
	}
	
	#s5_responsive_mobile_top_bar_wrap {
		margin-top: 0!important;
		width: 100%;
	}
	
	#s5_responsive_mobile_bar_active {
		padding-top: 15px;
		float: left;
		margin-left: 15px;
		font-size: 8pt;
		overflow: hidden;
		height: 22px;
	}
	
	#s5_nav li a,
	#s5_loginreg{
		font-size:1em;
	}	

	#s5_nav li .s5_level1_span2 a {
		padding:0 6px;
	}
	
	.S5_parent_subtext {
		font-size: 0.5em;
		margin-left: 8px;
	}
		
	#s5_login, #s5_register {
		padding-left:10px;
		padding-right:10px;
	}
		
	.jdGallery .slideInfoZone h2 {
		line-height:33px !important;
		font-size: 2.2em !important;
	}
		
	.jdGallery .slideInfoZone p {
		font-size: 1em !important;
		line-height: 20px !important;
	}			

	.homepage div#s5_search_wrap {
		display: none;
	}

	.countdown {
		float: left !important;
	}
		
	.s5_wrap {
		width:100% !important;
        /*padding: 0 20px 0 0 !important;*/
	}
	
	.s5_is_display, .s5_is_slide {
		position:relative !important;
	}
	
	.s5_is_slide {
		height:auto !important;
	}
	
	#fontControls {
		display:none;
	}
	
	#s5_breadcrumb_wrap {
		display:none !important;
	}

	#s5_bottom_menu_wrap {
		display:none !important;
	}
	
	#colorbox {
		width:50% !important;
		height:auto !important;
	}
	
	#cboxWrapper {
		width:100% !important;
	}
	
	#cboxContent, #cboxLoadedContent {
		width:100% !important;
		height:auto !important;
	}
	
	#colorbox {
		left:25% !important;
		width:50% !important;
		height:100% !important;
		top:25% !important;
	}
    
    .countdown {
        font-size: 2em !important;
        /*text-align: center;*/
    }
	
}


/* TABLET PORTRAIT MODE CSS
----------------------------------------------------------- */



@media screen and (max-width: 850px){

	span.catItemImage {
		display: inline-block !important;
	}
	.catItemImageBlock {
		display: inline-block;
	}

	
	/*
	div#myGallery {
		height: 450px !important;
	}
	*/
	
	#s5_nav li a {
		font-size:.7em;
	}	
		
	#s5_loginreg {
		font-size:.7em;
	}
		
	#s5_login, #s5_register {
		display:none;
	}
			
	.carouselContainer {
		display:none;
	}

    .artist {
        height: 80px !important;
        border-radius: 100% !important;
        width: 80px !important;
        background-size: cover !important;
    }

}

/* TABLET PORTRAIT MODE CSS - SMALLER TABLETS
----------------------------------------------------------- */

@media screen and (min-width: 768px) {

	.videos .moduleItemImage img {
		float: left !important;
		margin: 0 15px 0 0 !important;
	}
	
}

@media screen and (max-width: 640px) {

	.userItemHeader {
		max-width: 100% !important;
	}
	
	.videos .moduleItemImage img {
		max-width: 100% !important;
		float: unset !important;
		margin: 0 0 15px 0 !important;
	}
	
	.moduleItemExtraFields li.typeLink {
		margin: 0 2px 5px;
	}

    div#event_main_map {
        width: 100% !important;
    }
    
    body:not(.homepage) #k2Container img {
        float: none;
        width: 100%;
		display: block;
    }
    
    .press .rigthstuff, .press .leftstuff {
        float: none !important;
        width: 100% !important;
        padding: 0 !important;
    }
    
}

@media screen and (max-width: 580px) {
    
	.hunnypotlive .itemImageBlock {
		float: none !important;
		margin: 0 0 30px 0 !important;
	}

	.hunnypotlive #k2Container {
		padding: 0 !important;
	}
	
	.jdGallery .slideInfoZone h2 {
		font-size: 1.4em !important;
		line-height: 23px !important;
	}
	
	.jdGallery .slideInfoZone p {
		font-size: 0.9em !important;
		line-height: 15px !important;
	}
	
	#s5_right_column_wrap_inner .s5_float_left, #s5_left_column_wrap_inner .s5_float_left {
		float:none;
	}

	#s5_columns_wrap_inner {
		width:100%;
	}

	#s5_center_column_wrap {
		width:100%;
		left:100%;
	}

	#s5_left_column_wrap {
		left:0%;
	}
	
	#s5_left_top_wrap, #s5_left_column_wrap, #s5_left_inset_wrap, #s5_left_wrap, #s5_left_bottom_wrap, #s5_right_top_wrap, #s5_right_column_wrap, #s5_right_inset_wrap, #s5_right_wrap, #s5_right_bottom_wrap, #s5_top_row1 .s5_float_left, #s5_top_row2 .s5_float_left, #s5_top_row3 .s5_float_left, #s5_above_columns_inner .s5_float_left, #s5_middle_top .s5_float_left , #s5_middle_bottom .s5_float_left, #s5_below_columns_inner .s5_float_left, #s5_bottom_row1 .s5_float_left, #s5_bottom_row2, .s5_float_left, #s5_bottom_row3 .s5_float_left, #s5_above_body .s5_float_left, #s5_below_body .s5_float_left {
		width:100% !important;
	}
	
	#s5_center_column_wrap_inner {
		margin:0px !important;
	}
	
	#s5_left_column_wrap {
		margin-right:0px !important;
	}
	
	#s5_right_column_wrap {
		margin-left:0px !important;
	}
	
	.items-row .item {
		width:100% !important;
		padding-left:0px !important;
		padding-right:0px !important;
		margin-right:0px !important;
		margin-left:0px !important;
	}

}

@media screen and (max-width: 480px) {

	.itemList .itemContainer {
		float: none;
		width: 100% !important;
	}

	.-darkback .moduleItemIntrotext,
	.-darkback .moduleItemDateCreated,
	.-darkback .moduleItemIntrotext img {
		margin: 0 0 10px !important;
		font-size: 0.6em;
	}

	div.k2UsersBlock ul li a.ubUserName {
		font-size: 1em;
		margin-top: 0 !important;
	}
	
	#s5_right_wrap h3.s5_mod_h3 {
		/*font-size: 20px !important;*/
	}

	img#mobile_logo {
		width: 100px !important;
		top: 15px !important;
	}
	
	.jdGallery .slideInfoZone p {
		display: none;
	}

	.countdown {
		font-size:1.2em !important;
	}

    .ohanah #eventBody img {
        float: unset !important;
        width: unset !important;
        margin: 0 20px 10px 0 !important;
    }

    .artistpage .itemContainer {
        width: 100% !important;
        float: none;
        margin: 50px 0 !important;
    }

    .artist {
        height: 150px !important;
        width: 150px !important;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .acymailing_introtext {
        font-size: 14px !important;
        letter-spacing: 0 !important;
    }
	
}

@media screen and (max-width: 415px) {

    div#s5_right_column_wrap .event_detail_container > div {
        float: none;
        clear: both;
        display: block !important;
        width: 100% !important;
        margin-bottom: 5px;
        margin-left: -5px;
    }
	
}