/**
* @version		1.0
* @package		Elxis CMS
* @subpackage	Templates / Eria
* @license		Elxis Public License ( http://www.elxis.org/elxis-public-license.html )
* @description 	CSS stylesheet for template Eria
************************************************************************************************/

/* SLIDER */
#eria_slider {
	margin:0 0 20px; 0; padding:0; position: relative; width: 100%; overflow: auto; font-size: 18px; line-height: 24px; text-align: center;
	color: rgba(255,255,255,.6); text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3); background: #5b4d3d; box-shadow: 0 1px 2px rgba(0,0,0,.25);
}
#eria_slider ul { margin:0; padding:0; list-style: none; width: 300%; }
#eria_slider ul li {
	margin:0; padding:0; display: block; float: left; width: 33%; min-height: 350px;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);
}
#eria_slider .eria_sliderin { padding:120px 0 60px 0; }
#eria_slider .eria_sliderin p { color:#FFFFFF; }
#eria_slider h1, #eria_slider h2 { font-size: 40px; line-height: 52px; color: #fff; }
#eria_slider .eria_sliderbtn {
	display: inline-block; margin:20px 0 0 0; padding: 9px 22px 7px; clear: both; color: #fff; font-size: 12px;
	font-weight: bold; text-transform: uppercase; text-decoration: none; border: 2px solid rgba(255,255,255,.4); border-radius: 5px;
}
#eria_slider .eria_sliderbtn:hover { background: rgba(255,255,255,.05); }
#eria_slider .eria_sliderbtn:active {
	-webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
	-moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
	-ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
	-o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
	filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
}
#eria_slider .eria_sliderbtn, #eria_slider .dot {
	-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
}
#eria_slider .dots { position: absolute; left: 0; right: 0; bottom: 20px; width: 100%; }
#eria_slider .dots li {
	display: inline-block;
	*display: inline;
	zoom: 1; width: 10px; height: 10px; line-height: 10px; margin: 0 4px;
	text-indent: -999em;
	*text-indent: 0;
	border: 2px solid #fff; border-radius: 6px; cursor: pointer; opacity: .4;
	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s;
}
#eria_slider .dots li.active { background: #fff; opacity: 1; }
#eria_slider .arrows { position: absolute; bottom: 20px; right: 20px; color: #fff; }
#eria_slider .arrow { display: inline; padding-left: 10px; cursor: pointer; }

/* ADDONS AND SPECIAL */
::selection { background: #DD171E; color:#FFFFFF; }
::-moz-selection { background: #DD171E; color:#FFFFFF; }
.clear { clear:both; }
.eria_mobhide {}
/*#cboxNext, #cboxPrevious, #cboxClose { display:none !important; visibility:hidden !important; }*/ /* hide lightbox buttons */

.elx_warning { text-shadow: 0 0 0 #000; }
.elx_error { text-shadow: 0 0 0 #000; }
.elx_success { text-shadow: 0 0 0 #000; }

/* MEDIA RULES */
@media only screen and (max-width:1199px) {
	.eria_main { padding:10px 5px 30px 5px; }
}
@media only screen and (max-width:850px) {
	.eria_wrap { margin:0; padding:0; width:100%; }
	legend.elx_form_legend { display:none; }
	.elx_memberslist_page table.elx_tbl_list tr th:nth-child(5), .elx_memberslist_page table.elx_tbl_list tr td:nth-child(5) { display:none; visibility:hidden; }
	.modlogin_pretext, .modlogin_posttext, .modlogin_authbox p { margin:0; padding:0; display:none; visibility:hidden; }
	#erialogin label { margin:0; padding:0; display:none; visibility:hidden; }
	.modlogin_group, .modlogin_online, .modlogin_method { display:none; visibility:hidden; }
	#erialogin .modlogin_method { display:block; visibility:visible; text-align:center; }
	.modlogin_profile { margin:0 0 5px 0;}
	.eria_fp_box { margin:0 3% 30px 0; padding:0; width:47%; float:left; }
/*
}
@media only screen and (max-width: 650px) {
*/
	.eria_logo { float:none; width:auto; text-align:center; }
	.eria_icons { width:100%; float:none; text-align:center; }
	a.eria_icon, a.eria_icon:visited, a.eria_icon:hover, a.eria_icon:active, a.eria_icon:link {
		margin:6px 0 6px 6px;
	}
	.eria_mobhide { margin:0; padding:0; border:none; display:none !important; visibility:hidden !important; }
	#erialanguage { text-align:center; }
	div.elx_pathway { display:none; visibility:hidden; }
	.eria_main { margin:0; padding:10px 10px 30px 10px; }
	.eria_maincol { margin:0 0 15px 0; padding:0; width:100%; float:none; }
	.eria_sidecol { margin:0; padding:0; width:100%; float:none; }
	.eria_pos_top, .eria_pos_bottom { display:none; visibility:hidden; }
	.eria_topmods > div { text-align:left; }
	.eria_fp_box { margin:0 0 30px 0; padding:0; width:100%; float:none; }
	label.elx_form_label { display:block; float:none; width:100%; padding:0; margin:0 0 5px 0; }
	label.elx_form_label_top { display:block; float:none; width:100%; padding:0; margin:0 0 5px 0; }
	div.elx_form_nolabel { margin:0; padding:0; width:0; display:none; visibility:hidden; }
	div.elx_form_field_box { margin:0 0 0 0 !important; }
	span.elx_form_tip { display:none; }
	input[type=text], input[type=email], input[type=password], textarea, .quickcontact_message, .inputbox, .filebox, .selectbox, .textbox, textarea.textbox { display:block; width:100%; margin:3px 0; padding:5px 8px;}
	input[type=submit], input[type=button], button[type=submit], button[type=button], input.elxbutton, button.elxbutton, button.elxbutton-save, button.elxbutton-search {
		display:block; width:100%; margin:8px 0; padding:6px 12px;
	}
	select.eria_currency { display:block; width:100%; margin:8px 0; padding:6px 12px; }

	div.elx_form_cell { float:none !important; width:100% !important; margin:0; padding:0; }
	div.elx_2columns, div.elx_3columns, div.elx_4columns, div.elx_2spcolumns, div.elx_3spcolumns, div.elx_4spcolumns { margin:0 0 10px 0; padding:0; width:100%; float:none !important; }
	div.elx_featured_box div.elx_content_imagebox, div.elx_article_page div.elx_content_imagebox { margin:0 0 8px 0 !important; float:none !important; width:100% !important; }
	div.elx_featured_box div.elx_content_imagebox img, div.elx_article_page div.elx_content_imagebox img { margin:0 !important; width:100% !important; height:auto; }
	div.elx_short_box div.elx_dateauthor, ul.elx_links_box div.elx_dateauthor { display:none; visibility:hidden; }
	div.elx_short_box time, ul.elx_links_box time { display:none; visibility:hidden; }
	div.elx_hits_box, div.elx_tags_box span { display:none; visibility:hidden; }
	.elx_chain_previous, .elx_chain_next { margin:0; padding:0; text-align:left; }
	.elx_chain_previous .elx_chain_title, .elx_chain_next .elx_chain_title { margin:0 3px 0 0; padding:0; text-align:left; color:#666; }
	.elx_chain_previous img, .elx_chain_next img { float:left; }
	.elx_uc_language p, .elx_uc_login p, .elx_uc_register p, .elx_uc_revover p, .elx_uc_timezone p { display:none; visibility:hidden; }
	ul.elx_uc_langs li { margin:0 0 6px 0; width:100%; float:none; display:block; }
	.elx_user_bottom_links a, .elx_user_bottom_links a:visited, .elx_user_bottom_links a:hover, .elx_user_links a, .elx_user_links a:link, .elx_user_links a:active, .elx_user_links a:visited, .elx_user_links a:hover { margin:0 0 8px 0; display:block; }
	div.elx_profile_summary h3 span, h3.elx_user_title span, div.elx_profile_details { display:none; visibility:hidden; }
	.elx_memberslist_page table.elx_tbl_list tr th:nth-child(4), .elx_memberslist_page table.elx_tbl_list tr td:nth-child(4) { display:none; visibility:hidden; }
	.elx_memberslist_page table.elx_tbl_list tr th:nth-child(5), .elx_memberslist_page table.elx_tbl_list tr td:nth-child(5) { display:none; visibility:hidden; }
	.elx_memberslist_page table.elx_tbl_list tr th:nth-child(6), .elx_memberslist_page table.elx_tbl_list tr td:nth-child(6) { display:none; visibility:hidden; }
	.elx_engines_box span, .elx_search_summary, #elx_addsearchengine { display:none; visibility:hidden; }
	.elx_engines_box span.elx_engine_current { display:inline; visibility:visible; }
	.elx_modsearchform, form.elx_modsearchform { display:block; width:auto; /*default 98%*/ }
	select.elx_modsearch_eng { margin:0; padding:0; width:0; float:none; display:none; visibility:hidden; }
	input.elx_modsearch_input, input.elx_modsearch_input:focus, input.elx_modsearch_input:hover { margin:0 1% 0 0; padding:5px 8px; float:none; display:inline-block; width:63%; }
	button.elx_modsearch_btn, button.elx_modsearch_btn:hover, button.elx_modsearch_btn:focus { margin:0; padding:5px 8px; float:none; display:inline-block; width:100%; }
	#erialogin .modlogin_wrapper { display:block; }
	.modlogin_pword_row, #erialogin .modlogin_pword_row, .modlogin_uname_row, #erialogin .modlogin_uname_row { margin:0 0 0 0; padding:0; display:block; }
	.modlogin_remember_row { display:none; visibility:hidden; }
	.modlogin_uname_row label, .modlogin_pword_row label, .modlogin_remember_row label { float:none; display:none; visibility:hidden; }
	.modlogin_uname_row input, .modlogin_uname_row input.inputbox, .modlogin_horizontal input[type=text],
	.modlogin_pword_row input, .modlogin_pword_row input.inputbox, .modlogin_horizontal input[type=password] {
		margin:0 0 8px 0; padding:5px 8px 5px 22px; display:block !important; width:auto !important;
	}
	#erialogin input[type=text], #erialogin input[type=password], #erialogin input.inputbox { margin:0 0 8px 0; padding:5px 8px 5px 22px; display:block !important; width:auto !important; }
	.modlogin_horizontal .modlogin_authbox { display:block; width:100%; margin:3px 0; padding: 0; }
	#erialogin .modlogin_linksboxhor, #erialogin .modlogin_linksbox { text-align:left; }
	#erialogin button, #erialogin button:hover, #erialogin button:focus, #erialogin button[type=submit], #erialogin button[type=submit]:hover, #erialogin button[type=submit]:focus {
		margin:0 0 8px 0; padding:5px 8px; display:block; width:100%;
	}
	#erialogin .elx_avatar_box { margin:0; padding:0; width:1px !important; float:none !important; display:none; visibility:hidden; }
	#erialogin .elx_avatar_box ~div { padding:0 !important;}
	#erialogin a.modlogin_profile, #erialogin a.modlogin_profile:visited, #erialogin a.modlogin_profile:hover, #erialogin a.modlogin_profile:link, #erialogin a.modlogin_profile:active { margin:2px 0; padding:5px 8px; text-align:left; }
	#erialogin a.modlogin_logout, #erialogin a.modlogin_logout:visited, #erialogin a.modlogin_logout:hover, #erialogin a.modlogin_logout:link, #erialogin a.modlogin_logout:active {
		margin:2px 0; padding:5px 8px; border:none; text-decoration:none; font:normal 14px/23px "Open Sans", sans-serif;
	}
	.whoisonline_thumbs { display:none; visibility:hidden; }
	.whoisonline p { margin:0 0 0 0; }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px), (max-width: 900px) {
	#eria_slider h1, #eria_slider h2 { font-size: 24px; line-height: 30px; }
	#eria_slider ul li { height: 240px; min-height: 200px; }
	#eria_slider .eria_sliderin { padding-top: 50px; padding-bottom: 25px; }
	#eria_slider p { display:none; visibility:hidden; }
	#eria_slider .eria_sliderbtn { margin-top:12px; }
}