/*
 Theme Name:  CTC Custom
 Description: Child theme for Customizr theme
 Author:      Jsmes Gilker
 Template:    responsive
 Version:     0.1.0
*/

/* login form */
.plu-login
{
  width:450px;
  height:300px;
  background-color:#eee;
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-150px;
  margin-left:-225px;
 background: rgb(255,255,255); /* Old browsers */
 background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */
 background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
 border:1px solid #eee;
 border-radius:10px;
 box-shadow:0px 0px 10px #999;
}
.plu-login img
{
 width:360px;
 margin:20px auto;
 display:block;
 border-bottom:1px solid #ddd;
 padding-bottom:10px;
}
.plu-login form
{
 width:360px;
 margin:0 auto;
}
.plu-login table
{
 width:100%;
 margin-top:-20px;
}
.plu-login tr
{
 width:100%;
 height:40px;
 line-height:40px;
 margin-bottom:5px;
 display:table;
}
.plu-login tr td:first-of-type
{
 font-family:Helvetica,Arial,Verdana;
 text-shadow:0px 1px 0px #fff;
 font-weight:bold;
 color:#555;
 width:80px;
}
.plu-login tr td:last-of-type input
{
 width:100% !important;
}
.plu-login input
{
 box-sizing:border-box;
 border:1px solid #ddd;
 border-radius:3px;
 height:40px;
 padding:0px 10px;
}
.plu-login tr td input[type="submit"]
{
 width: 267px !important;
 float: right;
 display: block;
 border-radius:3px;
 background-color:#32b4c2;
 font-weight:bold;
 color:#fff;
 font-size:14px;
 text-transform:uppercase;
 letter-spacing:3px;

}
/* 14w login form */
.plu-login {
	height: 370px;
}
.plu-login .i4w_login_username label,
.plu-login .i4w_login_password label {
	width: 80px;
	font-family: Helvetica, Arial, Verdana;
	font-weight: bold;
	color: #555;
	text-shadow: 0px 1px 0px #FFF;
}
.plu-login .i4w_login_username label,
.plu-login .i4w_login_password label {
	display: inline-block !important;
	width: 25%;
	vertical-align: middle;
}
.plu-login .i4w_login_username input,
.plu-login .i4w_login_password input {
	width: 75% !important;
}
.plu-login .i4w_login_remember {
	font-family: Helvetica, Arial, Verdana;
	font-size: 14px;
	color: #555;
	text-shadow: 0px 1px 0px #FFF;
}
.plu-login .i4w_login_remember input {
	height: auto;
	margin-right: 5px;
	margin-left: 0;
}
.plu-login .i4w_login_submit input {
	display: block;
	width: 75%;
	margin-left: 25%;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 3px;
	border-radius: 3px;
	background-color: #0fabb2;
	cursor: pointer;
}
.plu-login .i4w_login_submit input:hover,
.plu-login .i4w_login_submit input:active,
.plu-login .i4w_login_submit input:focus {
	background-color: #770A54;
}
/* plu-high */
.plu-high
{
 height:auto;
 margin-top:0px;
 top:25%;
}
.plu-high p
{
 width:250px;
 margin:0 auto;
 text-align:left;
 margin-bottom:30px;
}
.ap-wrap > div > div > div:nth-of-type(3) > div > div:nth-of-type(2),
.ap-wrap > div > div > div:nth-of-type(3) > div > div:nth-of-type(4)
{
 display:none;
}
@media (max-width: 960px)
{
 .ap-wrap > div > div > div:nth-of-type(3) > div > div:nth-of-type(9)
 {
  display:none;
 }
}

/* Royal Audio Player fixes start here, the code below hides the Next / Prev buttons and also the volume bar on screen size below 960px */
.ap-wrap > div > div > div:nth-of-type(3) > div > div:nth-of-type(2),
.ap-wrap > div > div > div:nth-of-type(3) > div > div:nth-of-type(4)
{
    display:none;
}
@media (max-width: 960px)
{
    .ap-wrap > div > div > div:nth-of-type(3) > div > div:nth-of-type(9)
    {
        display:none;
    }
}
/* Royal Audio Player fixes end here */