/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

@import url(../warp/css/responsive.css);

.acymailing_form {float: right;}
.slider-container li img {width: auto !important;}

/* Breakpoints
____________________________________________________________________________________________________*/


/* All except large Screens
____________________________________________________________________________________________________*/

@media (max-width: 1220px) {
	
}

/* Only Tablets (Landscape)
____________________________________________________________________________________________________*/

@media (max-width: 1025px) {

	.wk-slideshow-content .caption h2 {
		font-size: 42px;
	}

	.acymailing_module_form .acymailing_introtext,
	#newsletter p.newsletter-intro {
		display: none;
	}

	.news-mockup .acyfield_email input[type="text"] {
		margin: 0;
	}
}


/* Only Phones and Tablets (Portrait) 
____________________________________________________________________________________________________*/

@media (max-width: 959px) {
	.sheet-body{margin: 0;}
	.tag-line{display: none}
	.menu-dropdown .level1 .level1 span.subtitle {display: none}
	.menu-dropdown .level1 .level1 span.title {line-height: 32px}

	.hidden-img {display: none}
	.show-text {padding-right: 20px}
	#toolbar{
		padding: 0 10px 10px;
	}

	div.acymailing_module{
		text-align: center;
		width: 100%;
	}

	.wk-slideshow-home .caption,
	.layout-slideshow .sprocket-features-content
	{
		height: auto;
	}

	.sprocket-tabs-nav li:first-child{
		margin: 0 !important;
	}

	.layout-top .sprocket-tabs-nav{
		padding: 0 2px 0 0 !important
	}

	.sprocket-tabs-nav li{
		width: 100%;
		margin: 0
	}

	.hidden-img{top: 150px;}

	.sprocket-strips-item{margin: 10px 10px 20px 0;}


/*columns blocks
----------------------------------------------------------------------------------------------------*/
	.row .column, .row .columns{
		width: 100%; 
		left: auto; 
		right: auto; 
		margin-left: 0;
	}

	/*events*/
	.event{display: inline-block;}

	#totop-scroller, #toTop {bottom: -90px;}
	/*pricing tables*/
	.price-col{
		width: 90% !important;
		padding-right: 0;
		border: 1px solid #CECECE;
		-webkit-border-radius: 5px !important;
		   -moz-border-radius: 5px !important;
		        border-radius: 5px !important;
		 margin-bottom: 5px;
	}


	ul.feature > li {padding: 7px 10px !important}
	.price-col .price-tag{padding: 15px 5px 10px !important}
	.call-action {padding: 20px 20px 25px}
	

	/*audio/video*/
	.mejs-container.mejs-video,
	.mejs-container .mejs-poster,
	.mejs-container .mejs-overlay{
		width: 100% !important
	}
}


/* Only Tablets (Portrait) 
____________________________________________________________________________________________________*/

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

	.wk-slideshow-home .caption h2,
	.layout-slideshow .sprocket-features-title{
		font-size: 30px
	}

	.wk-slideshow-home .caption,
	.layout-slideshow .sprocket-features-content{
		height: auto;
	}

	.menu-dropdown a.level1 > span, 
	.menu-dropdown span.level1 > span{
		padding: 25px 17px 0
	}

	.wk-slideshow-content .caption h1, 
	.wk-slideshow-content .caption h2, 
	.wk-slideshow-content .caption h3, 
	.wk-slideshow-content .caption h4{
		font-size: 45px
	}

	#newsletter p.newsletter-intro {
		display: none;
	}

	.news-mockup .column {
		position: absolute;
		right: 0;
		width: 45%;
	}
}

/* Only Tablets (Portrait) and Phones (Landscape) 
____________________________________________________________________________________________________*/

@media (min-width: 480px) and (max-width: 959px) {
	.width35{ width: 50% !important;}
}

/* Only Phones 
____________________________________________________________________________________________________*/

@media (max-width: 767px) {

	/*base*/
	h2 {line-height: 33px;}

	/* Layout */
	#headerbar,
	#menubar,
	#search,
	#header-top,
	#header-bottom,
	.mid-divide,
	.breadcrumbs
	 { display: none; }

	 #toolbar{margin: 10px 10px 0 !important;}
	 .toolbar-l{
	 	display: none
	 }

	 .toolbar-r{
	 	margin-right: 20px;
	 	float: left;
	 }

	 .show-title{
	 	display: none;
	 }

	 .mejs-container .mejs-poster {
	 	background-color: #202020
	 }

	 .mejs-poster img {
		height: 100%
	}

	 .menu-responsive{margin-top: 10px;}
	 
	/*widgetkit*/
	#header-responsive{padding: 5px 15px 20px;}
	
	/*tabs*/
	.hidden-img{display: none;}
	.hidden-text{width: 100%;}

	/*widgetkit*/
	.wk-slideshow-content .caption{
		width: 75%;
		top: 10px;
		padding: 8% 25px 8% 0
	}
	.wk-slideshow-content .caption p, .wk-slideshow-content .caption p.actions, 
	.wk-slideshow .next, .wk-slideshow .prev, 
 	.wk-slideshow-home .caption .button-arrow, 
	.wk-slideshow .next, .wk-slideshow .prev, 
	#showcase .wk-slideshow-home h2, .wk-slideshow-home h1 {
		display: none !important
	}

	.wk-slideshow-home .caption {
		color: transparent;
		border: 0 none;
		background: none;
		width: 85%;
		left: 0;
		box-shadow: none;
		top: 15%;
	}

	.wk-slideshow-content h2,  .wk-slideshow-content h1,
	.wk-slideshow-home .caption h2, .wk-slideshow-home .caption h1
	{
		color: inherit;
		background: rgba(0,0,0,0.5);
		display: inline !important;
	}

	/*registration*/
	#system form.submission fieldset > div > input[type="text"], 
	#system form.submission fieldset > div > input[type="password"],
	input[type="text"],
	legend, fieldset
	{width: 95%;}

	#system form.submission fieldset > div > textarea,
	textarea
	{width: 88% ;}

	input[type="text"]#jform_profile_dob{ width: 82% !important;}

	/*newsletter*/
	.acymailing_introtext {
		text-align: center; 
		padding-bottom: 20px;
		white-space: normal;
		left: 0;
	}

	#newsletter .module-title {background: none !important}

	#newsletter p{margin-left: -38px}
	#newsletter .acymailing_form p{float: none; top: 24px;}
	#newsletter .acymailing_form p.acysubbuttons{top: -2px; }
	div.acymailing_module, .acymailing_module div{
		display: inline-block;
		width: 100%;
		text-align: center
	}

	.acymailing_module_form td {width: 100%;}
	.acyfield_email input[type="text"]{
		width: 55%;
	}


	.acymailing_module_form td.acyfield_email,
	.acymailing_module_form td.acyfield_name{
		padding: 0;
	}

	.acyfield_name input[type="text"], .acyfield_email input[type="text"] {
		float: none;
		margin-bottom: 15px;
		width: 100% !important;
	}

	.acymailing_module_form td {
		width: 100%;
		display: inline-block;
	}

	.acymailing_form {
		float: none;
		width: 97%;
	}

	.news-mockup p.acysubbuttons {
		top: 15px !important;
		float: right;
	}

	/*toggles*/
	.showhide li h4 {font-size: 18px; padding: 8px 45px 5px;}

}

/* Only Phones (Landscape) 
____________________________________________________________________________________________________*/

@media (min-width: 480px) and (max-width: 767px) {
	.width35{ width: 50%;}
}

/* Only Phones (Portrait) 
____________________________________________________________________________________________________*/

@media (max-width: 479px) {

	/*sections*/
	.width35{width: 100% !important;}

	#toolbar .float-left .module, 
	#toolbar .float-left > time{
		display: none !important
	}

	/*logo*/
	.module-title{font-size: 20px}
	/* System */
	#system .items .item,
	#system .items .item:first-child {
		margin-top: 12px;
		padding-top: 18px;
		border-top-width: 1px;
	}

	#system .items :first-child .item {
		margin-top: 0;
		padding-top: 0;
		border-width: 0;
	}

	#system .items .leading .item {
		margin-bottom: 0;
		padding-bottom: 0;
		border-width: 0;
	}

}