/****************************************************
 *                                                  *
 *  Default Rotator Plugin Styles                   *
 *  -----------------------------                   *
 *                                                  *
 *  The css styling options for this rotator are    *
 *  fairly limited, as the plugin's administration  *
 *  system is designed to handle anything that the  *
 *  client might wish to change "on the fly".       *
 *                                                  *
 *  The styles controlled in this sheet are mainly  *
 *  ones that are either too complicated to easily  *
 *  control via and adminsitration system, or ones  *
 *  that we might prefer the client not change.     *
 *                                                  *
 *                                    June 3, 2015  *
 *                                                  *
 ****************************************************/

/* Default positioning of left navigation buttons. Appearance is changed via the administration system. */
#jssora_l1, #jssora_ldn1, #jssora_l2, #jssora_ldn2, #jssora_l3, #jssora_ldn3, #jssora_l4, #jssora_ldn4, #jssora_l5, #jssora_ldn5, #jssora_l6, #jssora_ldn6 {
	top: 3%;
	width: 55px;
	height: 55px;
	left: 10px;
}
/* Default positioning of right navigation buttons. Appearance is changed via the administration system.  */
#jssora_r1, #jssora_rdn1, #jssora_r2, #jssora_rdn2, #jssora_r3, #jssora_rdn3, #jssora_r4, #jssora_rdn4, #jssora_r5, #jssora_rdn5, #jssora_r6, #jssora_rdn6 {
	top:3%;
	width: 55px;
	height: 55px;
	right: 8px;
}
/* Default positioning of pagination controls. Appearance is changed via the administration system.  */
.jssorb {
	position: absolute;
	top: 15px;
	left: 920px;
}
/* Default styles for any title text, if available and is display enabled in the admim. Will not display an empty container if content is lacking. */
/* Custom styles can be created on a rotator by rotator bases by using the containers. Example:    #slider2_container .captionTitle { }            */
.captionTitle {
	color: #fff;
	font-size: 30px;
	line-height: 35px;
	text-align: center;
	border-radius: 4px;
	background-color: rgba(0, 128, 0, 0.4);
	position: absolute;
	left: 20px;
	top: 20px;
	width: 300px;
	height: 40px;
	padding: 3px;
}
/* Default styles for any description text, if available and display is enabled in the admin. Will not display an empty container if content is lacking. */
/* Custom styles can be created on a rotator by rotator bases by using the containers. Example:    #slider2_container .captionDesc { }                   */
.captionDesc {
	z-index: 90;
	position: absolute;
	bottom: 15px;
	left: 15px;
	height: auto;
	min-height: 25px;
	padding: 20px;
	width: auto;
	max-width: 500px;
	background-color: rgba(16, 16, 16, 0.85);
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	line-height: 26px;
	text-transform: none;
	color: #fff;
	text-align: center;
	text-shadow: none;
}
.captionDesc a, .caption_info a {
	color: #fff !important;
	text-decoration: none;
}
.captionDesc a:hover, .caption_info a:hover {
	color: #fff !important;
	text-decoration: underline;
}
 @media (max-width:760px) {
#jssora_l1, #jssora_ldn1, #jssora_l2, #jssora_ldn2, #jssora_l3, #jssora_ldn3, #jssora_l4, #jssora_ldn4, #jssora_l5, #jssora_ldn5, #jssora_l6, #jssora_ldn6 {
	top: 3%;
	width: 55px;
	height: 55px;
	left: 15px;
}
/* Default positioning of right navigation buttons. Appearance is changed via the administration system.  */
#jssora_r1, #jssora_rdn1, #jssora_r2, #jssora_rdn2, #jssora_r3, #jssora_rdn3, #jssora_r4, #jssora_rdn4, #jssora_r5, #jssora_rdn5, #jssora_r6, #jssora_rdn6 {
	top: 3%;
	width: 55px;
	height: 55px;
	left: 80px;
}
.captionDesc {
	display: block;
	z-index: 90;
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: auto;
	min-height: 15px;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 4%;
	padding-right: 4%;
	width: 92% !important;
	max-width: 100%;
	background-color: rgba(16, 16, 16, 0.85);
	font-family: 'Lato', sans-serif;
	font-size: 28px;
	line-height: 34px;
	text-transform: none;
	color: #fff;
	text-align: center;
	text-shadow: none;
}
}
 @media (max-width:555px) {
.captionDesc {
	display: block;
	z-index: 90;
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: auto;
	min-height: 15px;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 8%;
	padding-right: 8%;
	width: 84% !important;
	max-width: 100%;
	background-color: rgba(16, 16, 16, 0.85);
	font-family: 'Lato', sans-serif;
	font-size: 34px;
	line-height: 40px;
	text-transform: none;
	color: #fff;
	text-align: center;
	text-shadow: none;
}
}

 @media (max-width:430px) {
.captionDesc {
	display: block;
	z-index: 90;
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: auto;
	min-height: 15px;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 8%;
	padding-right: 8%;
	width: 84% !important;
	max-width: 100%;
	background-color: rgba(16, 16, 16, 0.85);
	font-family: 'Lato', sans-serif;
	font-size: 42px;
	line-height: 48px;
	text-transform: none;
	color: #fff;
	text-align: center;
	text-shadow: none;
}
}