/*  promaterial style sheet - Mazeltof ( http://www.mazeland.fr/ )                         */

/* --------------------------------------------------------------------------------------- */
/*	bidi.css                                                                               */
/* --------------------------------------------------------------------------------------- */
/* 325 - Notification mark read link */
.rtl .dropdown-extended a.mark_read {
	border-radius: 0 3px 3px 0;
}
.rtl .search-box .inputbox {
	border-radius: 0 3px 3px 0;
}
.rtl .search-header .button-search-end {
	border-radius: 3px 0 0 3px;
}

/* --------------------------------------------------------------------------------------- */
/*	common.css                                                                             */
/* --------------------------------------------------------------------------------------- */
/* 1 - General Markup Styles */
body {
	padding: 10px 0 16px 0;
}
/* 138 - Main blocks */
.wrap {
	border-radius: 3px;
	padding: 10px;
}
.page-body {
	margin: 4px 0;
}
.site_logo {
	width: 1000px;
	height: 120px;
}
/* 194 - Round cornered boxes and backgrounds */
.headerbar {
	border-radius: 3px;
	margin-bottom: 12px;
}
.navbar {
	border-radius: 3px;
	margin-bottom: 12px;
}
.forabg {
	border-radius: 3px;
	margin-bottom: 12px;
}
.forumbg {
	border-radius: 3px;
	margin-bottom: 12px;
}
.panel {
	border-radius: 3px;
	margin-bottom: 10px;
}
.post {
	border-radius: 3px;
}
.dropdown {
	border-radius: 3px;
}
.dropdown .dropdown-contents {
	border-radius: 3px;
}
.pagination li a, .pagination li span {
	border-radius: 3px;
}
.row .pagination li a, .row .pagination li span {
	border-radius: 3px;
}
.loading_indicator {
	border-radius: 3px;
}
div.rules {
	border-radius: 3px;
}
.dropdown-extended .header {
	border-radius: 3px 3px 0 0;
}
.badge {
	border-radius: 3px;
}
.post {
	margin-bottom: 12px;
}
/* 725 - General classes for placing floating blocks */
fieldset.fields1 ul.recipients  input.button2{
	padding: 2px 6px;
}
/* 797 - Action-bars */
.action-bar {
	margin: 10px 0;
}
.forabg + .action-bar {
	margin: 12px 0 6px 0;
}
.action-bar .button {
    margin-right: 6px;
}
.action-bar .button-search {
    margin-right: 0;
}
/* 817 - Pagination */
.pagination > ul > li {
    margin-right: 2px;
}
.pagination li.active span {
	font-weight: 600;
}
/* 981 - Miscellaneous styles */
.footer-row {
	font-size: 1.1em;
	line-height: 1.4em;
}
.headerspace {
	margin-top: 0;
}
p.post-notice {
	border-radius: 3px;
}

/* --------------------------------------------------------------------------------------- */
/*	content.css                                                                            */
/* --------------------------------------------------------------------------------------- */
/* 229 - Post body styles */
.postbody img.postimage {
	border-radius: 3px;
}
/* 529 - Attachments */
.attach-image img {
	border-radius: 3px;
}
/* 838 - Show scrollbars for items with overflow on iOS devices */
.postbody .content::-webkit-scrollbar, .topicreview::-webkit-scrollbar, .post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
	border-radius: 3px;
}
.postbody .content::-webkit-scrollbar-thumb, .topicreview::-webkit-scrollbar-thumb, .post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
	border-radius: 3px;
}

/* --------------------------------------------------------------------------------------- */
/*	buttons.css                                                                            */
/* --------------------------------------------------------------------------------------- */
/* 1 - Button Styles */
.button {
	border-radius: 3px;
}
/* 41 - Posting page styles */
.button-search,
.button-search-end  {
	border-radius: 0;
}
.button-search-end {
	border-radius: 0 3px 3px 0;
}
/* 106 - Post control buttons */
.post-buttons > li {
    margin-right: 6px;
}
.post-buttons .button, .format-buttons .button {
	margin-top: 4px;
}

/* --------------------------------------------------------------------------------------- */
/*	cp.css                                                                                 */
/* --------------------------------------------------------------------------------------- */
/* 99 - CP tabs shared */
.tabs .tab > a {
	border-radius: 3px 3px 0 0;
}
.minitabs .tab > a {
	border-radius: 3px 3px 0 0;
}
.cp-mini {
	border-radius: 3px;
}
/* 247 - Friends list */
.cp-mini {
	margin: 12px 15px 15px 12px;
}
/* 336 - Responsive *CP navigation */
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) {
	.navigation li:first-child a {
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
	}
	.navigation li:last-child a {
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
	}
}

/* --------------------------------------------------------------------------------------- */
/*	forms.css                                                                              */
/* --------------------------------------------------------------------------------------- */
/* 64 - Definition list layout for forms */
fieldset.fields1 div {
	margin-bottom: 6px;
}
/* 151 - Quick-login on index page */
fieldset.quick-login {
	margin-top: 0;
}
/* 243 - Posting page styles */
/* 246 - Buttons used in the editor */
.format-buttons {
	margin: 11px 0 2px 0;
}
/* 329 - Form button styles */
input.button1, input.button2 {
	font-size: 13px;
}
a.button1, input.button1, input.button3, a.button2, input.button2 {
	display: inline-block;
	padding: 2px 8px;
	font-size: 13px;
	font-weight: 600;
	font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
	line-height: 1.4;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	    touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	border: 1px solid transparent;
	border-radius: 3px;
}
a.button1, input.button1 {
	font-weight: bold;
	border: 1px solid transparent;
}
input.button3 {
	padding: 0;
	margin: 0;
	line-height: 5px;
	height: 12px;
	background-image: none;
	font-variant: small-caps;
}
input[type="button"], input[type="submit"], input[type="reset"], input[type="checkbox"], input[type="radio"] {
	cursor: pointer;
}
/* 388 - Topic and forum Search */
.search-box .inputbox {
	border-radius: 3px 0 0 3px;
}
/* 405 - Search box (header) */
.search-header {
	border-radius: 3px;
	margin-right: 10px;
	margin-top: 25px;
}

/* --------------------------------------------------------------------------------------- */
/*	links.css                                                                              */
/* --------------------------------------------------------------------------------------- */
/* 31 - Notification mark read link */
.dropdown-extended a.mark_read {
	border-radius: 3px 0 0 3px;
}

/* --------------------------------------------------------------------------------------- */
/*	colours.css                                                                            */
/* --------------------------------------------------------------------------------------- */
/* 3 - Colours and backgrounds for common.css */
html, body {
	background-attachment: fixed;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
/* 81 - Round cornered boxes and backgrounds */
.wrap {
	box-shadow: 3px 3px 0px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 3px 3px 0px 1px rgba(0, 0, 0, 0.3);
}
.headerbar, .forabg, .forumbg {
	box-shadow: 3px 3px 0px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 3px 3px 0px 1px rgba(0, 0, 0, 0.3);
}
.navbar {
	box-shadow: 3px 3px 0px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 3px 3px 0px 1px rgba(0, 0, 0, 0.3);
}
.panel {
	box-shadow: 3px 3px 0px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 3px 3px 0px 1px rgba(0, 0, 0, 0.3);
}
.site_logo {
	background-image: url("./images/site_logo.png");
	background-repeat: no-repeat;
}
/* 284 - Miscellaneous styles */
div.rules {
	box-shadow: 3px 3px 0px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 3px 3px 0px 1px rgba(0, 0, 0, 0.3);
}
p.post-notice {
	background-image: none;
}
/* 318 - Colours and backgrounds for content.css */
ul.forums {
	background-image: none;
	filter: none;
}
.rtl ul.topiclist dd {
	border-left-color: transparent;
}
.rtl li.row:hover dd {
	border-left-color: transparent;
}
/* 584 - Colours and backgrounds for buttons.css */
.button {
	background-image: none;
	filter: none;
	box-shadow: 2px 2px 0px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 2px 2px 0px 1px rgba(0, 0, 0, 0.3);
}
.button:hover,
.button:focus {
	background-image: none;
	filter: none;
	text-shadow: none;
}
/* 631 - Pagination */
.pagination li a {
	background-image: none;
	filter: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.pagination li.ellipsis span {
	background: transparent;
}
.pagination li.active span {
	box-shadow: 2px 2px 0px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 2px 2px 0px 1px rgba(0, 0, 0, 0.3);
}
.pagination li a:hover, .pagination li a:hover .icon, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
	filter: none;
	text-shadow: none;
}
/* 662 - Search box */
.search-box .inputbox {
	box-shadow: 2px 2px 0px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 2px 2px 0px 1px rgba(0, 0, 0, 0.3);
}
.search-header {
	box-shadow: 2px 2px 0px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 2px 2px 0px 1px rgba(0, 0, 0, 0.3);
}
/* 783 - CP tabbed menu */
.tabs .activetab > a,
.tabs .activetab > a:hover {
	background-image: none;
	filter: none;
}
/* 832 - UCP navigation menu */
/* 865 - Link styles for the sub-section links */
.navigation a {
	background-image: none;
	box-shadow: 3px 3px 0px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 3px 3px 0px 1px rgba(0, 0, 0, 0.3);
	filter: none;
}
.rtl .navigation a {
	background-image: none;
	filter: none;
}
.navigation a:hover {
	filter: none;
}
.navigation .active-subsection a {
	filter: none;
}
/* 888 - Friends list */
.cp-mini {
	box-shadow: 3px 3px 0px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 3px 3px 0px 1px rgba(0, 0, 0, 0.3);
}
/* 1029 - Form button styles */
a.button1, input.button1, input.button3, a.button2, input.button2 {
	background-image: none;
	filter: none;
	box-shadow: 2px 2px 0px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 2px 2px 0px 1px rgba(0, 0, 0, 0.3);
}
input.button3 {
	background-image: none;
}
/* 1058 - Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
	background-image: none;
	filter: none;
	text-shadow: none;
}
/* 1078 - jQuery popups */
.dropdown-extended .header {
	background-image: none;
	filter: none;
}
.dropdown .dropdown-contents {
	box-shadow: 2px 2px 0px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 2px 2px 0px 1px rgba(0, 0, 0, 0.3);
}
.dropdown-up .dropdown-contents {
	box-shadow: 2px -2px 0px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 2px -2px 0px 1px rgba(0, 0, 0, 0.3);
}
/* --------------------------------------------------------------------------------------- */
/*	responsive.css                                                                         */
/* --------------------------------------------------------------------------------------- */
@media (max-width: 700px) {
	/* Content wrappers */
	body {
		padding: 0;
	}
	.wrap {
		border-radius: 0;
		padding: 0 5px;
	}
	/* Common block wrappers */
	.headerbar, .navbar, .forabg, .forumbg, .post, .panel {
		border-radius: 0;
		margin-bottom: 4px;
	}
	.cp-main .forabg, .cp-main .forumdb, .cp-main .post, .cp-main .panel {
		border-radius: 3px;
	}
}

/* --------------------------------------------------------------------------------------- */
/*	fontawesome.css                                                                        */
/* --------------------------------------------------------------------------------------- */
.profile-contact .fa-commenting-o::before 	{ content: "\f27a"; }
.nav-main .fa-inbox::before 					{ content: "\f075"; }
.subforum .fa-file-o::before 				{ content: "\f15b"; }
.row-item .fa-file::before 					{ content: "\f15c"; }
.lastpost .fa-external-link-square::before	{ content: "\f15c"; }

/* --------------------------------------------------------------------------------------- */
/*	promaterial.css                                                                        */
/* --------------------------------------------------------------------------------------- */
/* flash button effect */
.button:hover, .button1:hover, .button2:hover, .button3:hover {
	opacity: 1;
	-webkit-animation: flash 1s;
	animation: flash 1s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .1;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .1;
	}
	100% {
		opacity: 1;
	}
}
/* Icons & Button icons */
.pagination span .fa-clone::before	{
	display: none;
}
/* Miscellaneous */
.cron img {
	display: none;
}
.post {
	box-shadow: 3px 3px 0px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 3px 3px 0px 1px rgba(0, 0, 0, 0.3);
}
/* Pagination */
.pagination .button {
	box-shadow: 2px 2px 0px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 2px 2px 0px 1px rgba(0, 0, 0, 0.3);
}
/* Rotation icon effect */
i.icon {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
a:hover i.icon, .button:hover i.icon, i.icon:hover {
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
}
/* Stats page layout */
.stat-block, .headerspace {
    border-radius: 3px;
	box-shadow: 3px 3px 0px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 3px 3px 0px 1px rgba(0, 0, 0, 0.3);
	clear: both;
	margin-bottom: 12px;
	padding: 5px;
}
.stat-block h3, .headerspace h3 {
	border-bottom: none;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1em;
	margin-bottom: 0;
	padding: 4px 0 6px 0;
	margin-top: 0;
	text-transform: uppercase;
}
.stat-block p, .headerspace fieldset {
	padding: 8px 0 6px 55px;
	margin-bottom: 0;
	position: relative;
	min-height: 30px;
}
.rtl .stat-block p, .rtl .headerspace fieldset {
	padding: 8px 55px 6px 0;
}
.stat-block p::before, .headerspace .quick-login::before {
	left: 10px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.rtl .stat-block p::before, .rtl .headerspace .quick-login::before {
	right: 10px;
}
@media (max-width: 700px) {
	.stat-block {
		border-radius: 0;
		margin-bottom: 4px;
		margin-left: -5px;
		margin-right: -5px;
	}
	.stat-block h3 {
		text-align: center;
		text-transform: none;
		line-height: 1em;
		font-size: 1.2em;
	}
	.postprofile .no-avatar img {
		width: auto !important;
		height: auto !important;
		max-height: 35px;
	}
}
/* UCP jumpbox */
.cp-main .actions-jump {
	float: right;
}
.cp-main .jumpbox {
    margin: 0;
}
/* test bbcode */
.bbcode_test {
	background:#ffffff;
	/*border: 1px solid #99c2eb;*/
	border-radius: 3px;
	margin: 1em 0 1.2em;
	box-shadow: 2px 2px 0px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 2px 2px 0px 1px rgba(0, 0, 0, 0.3);
}
.bbcode_test_head {
	background: #99c2eb; 
    border-top: 1px solid #cce0f5;
	background: #0066cc;
	background: -moz-linear-gradient(25deg,  #0066cc 0%, #0066cc 30%, #4d94db 30%, #4d94db 50%, #99c2eb 50%, #99c2eb 70%, #cce0f5 70%, #cce0f5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(25deg,  #0066cc 0%,#0066cc 30%,#4d94db 30%,#4d94db 50%,#99c2eb 50%,#99c2eb 70%,#cce0f5 70%,#cce0f5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(25deg,  #0066cc 0%,#0066cc 30%,#4d94db 30%,#4d94db 50%,#99c2eb 50%,#99c2eb 70%,#cce0f5 70%,#cce0f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066cc', endColorstr='#99c2eb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    border-radius: 3px 3px 0 0;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 10px;
}
.bbcode_test_head .icon.icon-blue {
    color: #ffffff;
}
.bbcode_test_text {
	border-bottom: 1px solid #cce0f5;
	border-left: 1px solid #cce0f5;
	border-right: 1px solid #cce0f5;
	border-radius: 0 0 3px 3px;
    color: #2e63a8;
	padding:5px 10px;
}