@red: #971B1E;
@orange: #F89A1C;

@fa: FontAwesome;
@pt: PT Sans Narrow;

html[lang="en-GB"] {

	body#s5_body {
		color: #444;

		// DEFAULT STYLES -------------------------------------------------------------
		a {
			color: @red;
			&:hover {
				color: @orange;
			}
			&:visited {
				color: #CA8082;
			}
		}
		input[type="text"],
		input[type="password"],
		textarea {
			background: #EAEAEA;
		}
		select {
			box-sizing:border-box;-moz-box-sizing:padding-box;
			background: #EAEAEA;
			border-radius: 0;
			outline: none;
		}
		blockquote {
			font-weight: normal;
			border: 1px solid #e5e5e5;
			padding: 10px 15px;
			margin-left: 15px;
			&:before {
				content: ' ' !important;
				display: inline-block;
				width: 5px;
				height: 100%;
				background: @orange;
				top: -1px;
				left: -6px;
				border: 1px solid #CCC;
			}
		}

		// DEFAULT CLASSES -----------------------------------------------------------
		.button,
		.readon,
		.btn,
		[type="submit"] {
			background: @red;
			color: #fff;
			font-weight: normal;
			border-radius: 0;
			box-shadow: none;
			text-shadow: none;
			border-color: transparent;
			&:hover {
				background: #888;
				color: #fff;
				text-decoration: none;
			}
			&:visited {
				color: #fff;
			}
			&.orange {
				background: @orange;
				&:hover {
					background: #888;
				}
			}
		}
		.red-accordion {
			padding-bottom: 19px;
			.s5_mod_h3_outer {
				background: @orange;
				color: #fff;
				border: 1px solid #fff;
			}
			#s5_va_accordion {
				#s5_va_accordion_inner {
					h3 {
						background: @red!important;
						border: 0!important;
						margin: 0;
						font-weight: normal;
						font-size: 1.5em;
						&.s5_va_active {
							background: @orange!important;
						}
					}
					>div {
						border: 1px solid #ddd!important;
						margin: 0 0 4px 0;
						font-size: 1.1em;
					}
				}
			}
		}
		.red-accordion-orange {
			.red-accordion;
			&:hover {
				background: @orange;
				color: #fff;
				transition: 0.5s;
				.s5_mod_h3_outer {
					background: @red;
				}
				.readon,
				.button {
					background: none;
					border: 1px solid #eee;
				}
			}
		}
		#s5_button_frame {
			ul {
				li {
					&.s5_ts_active a {
						background: @orange;
					}
				}
			}
		}


		// STYLING ========================================================================================
		#s5_body_padding {
			#s5_header_outer {
				#s5_header_area1 {
					padding: 14px 0 14px;
					.s5_wrap {
						position: relative;
						#s5_header_wrap {
							text-align: right;
							padding: 0;
							#s5_logo_module {
								float: none;
								display: inline-block;
								vertical-align: middle;
								text-align: left;
								min-height: 90px;
								#logo {
									position: absolute;
									left: 0;
									top: 8px;
								}
							}
							#s5_menu_wrap {
								float: none;
								display: inline-block;
								vertical-align: bottom;
								margin-left: 32px;
								ul#s5_nav {
									>li {
										background: #888;
										padding: 10px 11px 8px;
										&:hover {
											background: @red;
										}
										&.active {
											background: @red;
										}
										>span.s5_level1_span1 {
											padding: 0;
											>span>a {

											}
										}
									}
								}
							}
						}
						#social {
							display: inline-block;
							position: absolute;
							font-size: 2.25em;
							right: 250px;
							bottom: 50px;
							a {
								color: #888;
								margin-left: 5px;
								&:hover {
									text-decoration: none;
									color: @orange;
								}
							}
						}
						#donate-buttons {
							position: absolute;
							right: 6px;
							top: 8px;
							display: block;
							height: auto;
							a {
								font-size: 1.25em;
								padding: 8px 12px;
								margin: 0 2px;
								display: inline-block;
								font-weight: normal;
							}
							.orange {
								background: @orange!important;
							}
						}
					}
				}
				#s5_sub_menu_wrap {
					background: @red;
					border-bottom: solid 1px #eee;
					#s5_loginreg {
						position: relative;
						ul {
							li {
								font-size: 1.3em;
								color: #fff;
							}
						}
					}
					#s5_top_menu_wrap {
						ul.menu {
							li {
								a {
									font-size: 1.3em;
									color: #fff;
								}
							}
						}
					}
					#s5_search_wrap {
						input {
							font-size: 1.3em;
							color: #fff;
							border-radius: 0;
							border-bottom: 1px solid @red!important;
							background: transparent url(../../images/s5_search.png) no-repeat center left;
							&:hover,
							&:active {
								border-bottom: 1px solid #FFF!important;
							}
							
						}
					}
				}
			}
			#s5_top_row1_area1 {
				background: url(../../images/s5_grey_background.jpg) center center;
				background-size: auto;
				// client askedfor this styling
				padding: 0;
				background-position: center center;
				background-repeat: no-repeat;
				background-size: 100% auto;
				overflow: hidden;
				#s5_top_row1_area2 {
					#s5_top_row1_area_inner {
						margin: 0;
						width: 100%;
						max-width: 100%!important;
						font-size: 1.2em;
						.module_round_box {
							background: none;
							.s5_resize_top_row1 {
								.content  {
									#myGallery {
										height: 380px;
										.slideInfoZone {
											opacity: 1!important;
											background: #fff;
											width: 30%!important;
											h2 {
												font-weight: normal;
												color: @red;
												padding-bottom: 8px;
												border-bottom: 1px solid #ccc;
												margin-bottom: 12px;
											}
											p {
												font-family: Arial, Tahoma;
												color: #333;
											}
										}
										.carouselBtn[title="Open Gallery"] {
											display: none;
										}
										.left,
										.right {
											background: rgba(255, 255, 255, 0.5);
											margin-left: 17%;
										}
									}
								}
							}
						}
					}
				}
				// End of clien's styling
				#s5_pos_custom_1 {
					#s5_pos_custom_2 {
						margin-top: 15px;
						.s5_module_box_1 {
							.s5_mod_h3_outer {
								background: none;
								display: block;
								margin: 0;
								padding: 0;
								width: 100%;
								h3 {
									color: #333;
									display: block;
									margin-bottom: 14px;
									border-bottom: 1px solid #ccc;
									padding-bottom: 8px;
									font-size: 1.5em;
								}
							}
							.custom {
								.popular_item {
									font-size: 1em;
									margin-bottom: 8px;
									img {
										width: 25%;
										margin-top: 3px;
									}
									h5 {
										font-size: 1.3em;
									}
									a {
										display: inline-block;
										text-align: right;
									}
									div {
										height: 0;
									}
								}
							}
						}
					}
					.module_round_box_outer {
						box-shadow: none;
						margin: 0; // client askedfor this styling
						&.hide_850 {
							padding: 14px;
							background: #FFF;
						}
						.module_round_box {
							border: 0;
							padding: 0; // client askedfor this styling
						}
					}
				}
			}
			#s5_center_area1 {
				background: #EBEBEB;
			}
			#s5_pos_custom_3 {
				padding: 25px 0;
				-webkit-box-shadow: 0 0 4px #aaa;
				-moz-box-shadow: 0 0 4px #aaa;
				box-shadow: 0 0 4px #aaa;
				.module_round_box_outer {
					margin: 0;
					h1 {
						margin: 0;
						font-size: 2.5em;
						color: @red;
					}
					em {
						display: block;
						text-align: right;
						font-size: 1.3em;
						padding: 5px 140px 0 0;
					}
				}
			}
			#s5_top_row2_area1 {
				#s5_top_row2_inner {
					.s5_float_left {
						.module_round_box_outer {
							.module_round_box-highlight2_hover {
								&:hover {
									background: @orange;
									.s5_module_box_2 {
										.s5_mod_h3_outer {
											background: @red;
											border: 1px solid #fff;
										}
									}
								}
								.s5_module_box_2 {
									.s5_mod_h3_outer {
										background: @orange;
										border: 1px solid @orange;
									}
								}
							}
						}
					}
				}
			}
			#s5_columns_wrap {
				font-size: 1.2em;
				#s5_columns_wrap_inner {
					#s5_center_column_wrap_inner {
						#s5_component_wrap_inner {
							.blog-featuredhomepage {
								display: none;
							}
							#s5_above_body_wrap {
								margin: 0;
								#s5_pos_above_body_1 {
									position: relative;
									.breadcrumbsbreadcrumb {
										font-size: 1.25em;
										font-weight: normal;
										font-family: PT Sans Narrow;
										background: #fafafa;
										padding: 4px 8px;
										border: 1px solid #f1f1f1;
										.showHere {
											background: @orange;
											color: #fff;
											font-size: 1em;
											padding: 5px 10px;
											margin-right: 5px;
											text-transform: uppercase;
											&:after {
												content: none;
											}
										}
										a, span {
											display: inline-block;
											vertical-align: middle;
											padding: 5px 2px;
										}
										img {
											display: none;
										}
										span {
											font-size: 0.9em;
										}
										a {
											color: @red;
											&:after {
												content: ">";
												color: #888;
												margin-left: 8px;
											}
											&:hover {
												text-decoration: none;
											}
											&:first-of-type {
												&:before {
													content: " ";
													width: 16px;
													height: 16px;
													display: inline-block;
													background: url(../../favicon.ico) center center no-repeat;
												}
											}
										}
									}
									#s5_breadcrumb_font_wrap {
										padding: 0;
										position: absolute;
										right: 32px;
										top: 12px;
										#fontControls {
											a {
												color: @red;
											}
										}
									}
								}
							}
							#eblog-wrapper {
								#ezblog-head {
									.component-links {
										a {
											span {

											}
										}
									}
									#ezblog-menu {
										border-color: #777;
										border: 0;
										.eb-nav-collapse {
											ul.blog-navi {
												background: #888;
												border-color: #c1c1c1;
												border-radius: 0;
												// border: 0;
												li {
													border-color: #818181;
													a {
														padding: 0px 8px;
														height: 28px;
														line-height: 28px;
														span {
															height: 28px;
														}
													}
													&.toolbar-search {
														form {
															display: block;
															margin: 0;
															padding: 0px;
															input {
																border-color: #ccc;
																margin: 0;
																padding: 2px;
															}
															button {
																background: #707070 url(/components/com_easyblog/themes/default/images/toolbar-search-button.png) center no-repeat !important;
																border-color: #818181;
																border-radius: 0;
																box-shadow: none;
																margin: 0 0 0 -2px;
																padding: 0;
																height: 28px;
																width: 36px;
															}
														}
													}
													&.user-access {
														#easyblog-login-form {
															form {
																background: #eee;
																button {
																	.button;
																	height: auto;
																	font-size: 1.25em;
																	font-family: @pt;
																	border-radius: 0;
																	padding: 5px 12px;
																	margin: 0
																}
															}
														}
													}
												}
											}
										}
									}
								}
								#ezblog-body {
									#bloggers-sorting {
										form {
											input.text {
												width: 50%;
												padding: 3px;
											}
											select {
												width: 35%;
												border: 1px solid #ddd;
												height: 26px;
												font-size: 12px;
											}
											input.button {
												width: 11%; 
												padding: 4px;
												margin-right: 0;
												background: #aaa;
											}
										}
									}
									#ezblog-detail {
										.profile-head {
											h3 {
												font-size: 3em;
												font-weight: normal;
											}
										}
									}
									#ezblog-category {
										.profile-item {
											.profile-body {
												.profile-brief {
													ul.profile-stats {
														li {
															ul.active-bloggers {
																width: 100%;
																margin-top: 20px;
																display: block;
																li {
																	border-bottom: 1px solid #ccc;
																	div {
																		padding: 12px 0;
																		a {
																			font-family: @pt;
																			font-size: 1.5em;
																			img {
																				width: 36px;
																				margin-top: -6px;
																			}
																		}
																	}
																}
															}
														}
													}
												}
											}
										}
									}
									#ezblog-posts {
										.blog-post {
											.blog-post-in {
												.blog-content {
													#socialbutton {
														position: absolute;
														top: 15px;
														right: 0;
														width: 130px;
														.social-button {
															width: 60px;
															margin-left: 5px;
															display: inline-block;
															vertical-align: top;
															clear: none;
														}
													}
													.blog-text {
														margin-right: 0;
														p {
															img {
																float: left;
																max-height: 100px;
																width: auto;
																clear: both;
																margin-right: 15px!important;
																margin-top: 15px;
															}
														}
													}
													.blog-meta-bottom {
														position: relative;
														display: block;
														text-align: right;
														margin-top: 0;
														.clearfix {
															span {
																float: none;
																height: auto;
																a {
																	font-family: @pt;
																	font-size: 16px;
																	padding: 8px 12px;
																}
																&.blog-comments {
																	a {
																		.button;
																		.orange;
																	}
																}
																&.blog-readmore {
																	a {
																		.button;
																	}
																}
															}
														}
													}
													.blog-taglist {
														text-align: right;
														.tag-head {
															display: inline-block;
															vertical-align: middle;
															float: none;
															font-size: 0.8em;
															line-height: 1em;

														}
														a {
															vertical-align: middle;
														}
													}
												}
											}
										}
									}
								}
							}
							// Disabling easyBlog copyright
							>div[style="text-align: center; padding: 20px 0;"] {
								display: none;
							}
							.contact {
								h1 {
									font-weight: normal;
									font-size: 3em;
									color: @red;
									border-bottom: 1px solid #ccc;
									padding-bottom: 8px;
									margin-bottom: 12px;
								}
								form#selectForm {
									display: inline-block;
									background: #ccc;
									color: #777;
									padding: 10px 10px 10px 15px;
									line-height: 1em;
									font-family: @pt;
									font-size: 1.5em;
									float: right;
									i {
										font-size: 1.25em;
										color: #777;
										margin-right: 0.25em;
									}
									select {
										display: inline-block;
										vertical-align: middle;
										margin: 0 0 0 12px;
										height: auto;
										padding: 4px 8px;
									}
								}
								h3 {
									font-weight: normal;
									font-size: 2em;
									color: @orange;
									display: none;
								}
								.contact-address {
									min-height: 50px;
									dt {
										display: inline-block;
										vertical-align: top;
										width: 40px;
										height: 40px;
										line-height: 40px;
										text-align: center;
										i {
											display: inline-block;
											vertical-align: top;
											font-size: 2em;
											color: @orange;
										}
									}
									dd {
										font-size: 1.5em;
										font-family: @pt;
										display: block;
										margin: 5px 0 5px 50px;
									}
								}
								.contact-miscinfo {
									padding: 8px 12px;
									background: #eee;
									border: 1px solid #ddd;
									dl{
										margin: 0;
										dt {
											display: inline-block;
											vertical-align: top;
											width: 40px;
											height: 40px;
											line-height: 35px;
											text-align: center;
											i {
												display: inline-block;
												vertical-align: middle;
												font-size: 2em;
												color: #F89A1C;
											}
										}
										dd {
											display: block;
											margin: 5px 0 5px 50px;
											line-height: 1.3em;
											font-size: 1.1em;
										}
									}
								}
								.contact-form {
									#contact-form {
										position: relative;
										fieldset {
											max-width: 50%;
											>label {
												font-size: 12px;
											}
											.control-group,
											.form-actions {
												display: block;
												// vertical-align: bottom;
												margin-top: 0;
												padding: 0;
												background: none;
												border: 0;
												width: 100%;
												&.quarter {
													// width: 20%; 
													display: block;
													margin: 0;
													padding: 0;
													width: 100%;
												}
												.button,
												input,
												textarea {
													margin: 0;
													width: 100%;
													-webkit-box-sizing: border-box;
													display: block;
													-webkit-padding-before: 15px;
													-webkit-padding-end: 10px;
													-webkit-padding-after: 15px;
													-webkit-padding-start: 10px;
													-moz-padding: 5px 10px;
													font-size: 1.5em;
												}
												textarea {
													height: 3em;
													width: 100%;
												}
											}
										}
									}
								}
							}
							.jshop {
								&.fullproduct {
									>div {
										display: inline-block;
										vertical-align: top;
										&.prod-img {
											width: 290px;
											margin-right: 15px;
											background: #f5f5f5;
											border: 1px solid #eee;
											padding: 16px 16px;
											.image_middle {
												width: 100%;
												a {
													img {
														width: 100%;
													}
												}
											}
											.prod_price {
												padding: 10px 0;
												margin-bottom: 10px;
												border-bottom: 1px solid #ccc;
												color: #777;
												span#block_price {
													font-family: @pt;
													font-size: 1.5em;
													font-weight: normal;
													color: @orange;
													text-indent: 25px;
												}
											}
											.prod_buttons {
												span {
													min-width: 62px;
													width: auto;
													display: inline-block;
													vertical-align: middle;
													color: #777;
												}
												>input {
													display: inline-block;
													vertical-align: middle;
												}
												input#quantity {
													width: 1.5em;
													margin: 0;
												}
												input.button {
													width: auto;
													padding: 5px 20px;
													margin: 0 0 0 5px;
												}
												.jshop_prod_attributes {
													>.attr {
														margin: 8px 0;
														span,
														select {
															display: inline-block;
															vertical-align: middle;
															margin-bottom: 0;
														}
														.attributes_name {
															min-width: 62px;
														}
														.prod_attr_img {
															display: none;
														}
													}
												}
											}
										}
										&.prod-desc {
											width: 67%;
											padding-top: 0;
											h1 {
												margin: 8px 0 4px;
												line-height: 1;
												position: relative;
												padding-bottom: 6px;
												border-bottom: 1px solid #ccc;
												.jshop_code_prod {
													position: absolute;
													right: 0;
												}
											}
										}
									}
								}
								#checkout {
									margin-top: 10px;
									border-top: 1px solid #ccc;
									padding-bottom: 10px;
									a {
										.button;
										padding: 8px 14px;
										display: inline-block;
										margin-top: 12px;
										i {
											margin: 0 5px;
										}
									}
								}
								&#jshop_menu_order {
									margin-bottom: 10px;
									border: 1px solid #ccc;
									td {
										padding: 8px 8px 8px 0;
										width: 33%;
										background: #eee;
										color: #555;
										font-family: @pt;
										font-size: 1.5em;
										vertical-align: middle;
										&:first-child {
											padding-left: 8px;
										}
										&:nth-child(1) a:before,
										&:nth-child(1) span:before {
											content: "1. ";
											font-size: 0.9em;
										}
										&:nth-child(2) a:before,
										&:nth-child(2) span:before {
											content: "2. ";
											font-size: 0.9em;
										}
										&:nth-child(3) a:before,
										&:nth-child(3) span:before {
											content: "3. ";
											font-size: 0.9em;
										}
										a,
										span {
											background: @red;
											color: #fff;
											font-family: @pt;
											font-size: 1em;
											padding: 10px 15px;
											display: block;
											text-decoration: none;
											font-weight: normal;
											&:hover {
												background: #ccc;
												color: #555;
											}
										}
										span#active_step {
											color: #555;
											background: @orange;
										}
									}
								}
								table.cart {
									border: 0;
									thead {
										border: 1px solid transparent;
										tr {
											border-bottom: 2px solid @orange;
											th {
												background: #fff!important;
												padding: 10px 0;
												font-family: @pt;
												font-size: 1.125em;
												color: #aaa!important;
												font-weight: normal;
											}
										}
									}
									tr {
										border-bottom: 1px solid #eee;
										td {
											border:0;
											vertical-align: middle;
											img.jshop_img {
												height: 50px!important;
												width: auto;
											}
											p {
												padding: 0;
												margin: 0;
											}
											a {
												font-family: @pt;
											}
											i {
												cursor: pointer;
											}
											input {
												margin: 0;
											}
										}
									}
								}
							}
							form#userForm {
								.rsform-block {
									&.rsform-block-letter-due-date,
									&.rsform-block-event-date {
										.formControls {
											.formBody {
												.btnCal {
													margin: 0 0 9px -32px;
													border-radius: 0 3px 3px 0;
												}
												.yui-calcontainer {
													margin-top: -170px;
													left: 408px;		
													border-color: #ccc;		
													border-radius: 3px;	
													padding: 8px;
													box-shadow: 0 0 3px rgba(0,0,0,0.1);						
												}
											}
										}
									}
								}
							}
						}
					}
					div {
						.s5_mod_h3_outer { // Aside module titles
							background: none;
							border-bottom: 1px solid #DDD;
							h3.s5_mod_h3 {
								font-size: 1.5em;
								background: none;
								color: #555;
							}
						}
						.moduletablesubscribe {
							margin: 22px 26px;
							background: #FFF;
							border: solid 1px #E9E9E9;
							padding: 14px;
							h3 {
								font-size: 1.5em;
								font-weight: normal;
								background: none;
								color: #555;
								padding: 8px 17px 8px 15px;
								margin-bottom: 14px;
								text-transform: uppercase;
								border-bottom: 1px solid #DDD;
							}
							.ezb-mod {
								form {
									width: 100%;
									input {
										display: inline-block;
										vertical-align: middle;
										width: 116px;
										margin: 0;
									}
									a.subscribe-link {
										display: inline-block;
										vertical-align: middle;
										.button;
										padding: 5px 8px;
										font-size: 18px;
										margin-top: 1px;
									}
								}
							}
						}
						.module_round_box_outer {
							// margin: 0;
							.module_round_boxgallery {
								background: none;
								border: 0;
								border: 0;
								padding: 0;
								.s5_mod_h3_outer {
									width: 100%;
									display: block;
									margin: 0;
									padding: 0;
									background: @red;
									border-bottom: 1px solid #eee;
									h3 {
										font-size: 1.5em;
										padding: 8px 0;
										text-indent: 15px;
										&:before {
											content: "\f03e";
											font-family: @fa;
											margin-right: 0.5em;
										}
									}
								}
								.djslider-loader {
									.djslider {
										max-width: 100%;
										width: 389px!important;
										height: 220px!important;
										margin: 0;
										.slider-container {
											ul {
												li {
													width: 389px!important;
													height: auto!important;
													padding: 0;
													a {
														padding: 0;
														img {

														}
													}
												}
											}
										}
									}
								}
							}
						}
						.accordion {
							.accordion-group {
								.accordion-heading {
									background: @red;
									font-family: @pt;
									font-size: 1.5em;
									a {
										padding: 12px;
										color: #fff;
										em {
											margin-right: 8px;
											color: @orange;
										}
										&.link:hover {
											text-decoration: underline;

										}
									}
									&:hover, {
										background: #eee;
										a {
											text-decoration: none;
											color: #555;
											em {
												color: @orange;
											}
										}
									}
									&:active {
										a {
											padding: 12px;
											em {
												content: "\f0d7";
												font-family: @fa;
											}
										}
									}
								}
								.accordion-body {
									background: #fff;
									ul {
										margin-left: 15px;
										list-style-type: disc;
									}
									a {
										margin: 0;
										padding: 0;
									}
									.button {
										margin: 5px 0;
										padding: 8px 12px;
										clear: both;
										display: inline-block;
									}
								}
							}
							
						}
					}
				}
			}
		}
		#s5_bottom_row1_area1 {
			.s5_module_box_1 {
				.sj-responsive-listing {
					.respl-header {

					}
					.respl-items {
						&.grid {
							.respl-item {
								.item-inner {
									.item-image {
										a {
											float: none;
											text-align: center;
											display: block;
											img {
												float: none;
												width: auto;
												height: 80px;
												max-width: 100%;
											}
										}
									}
									.item-opacity,
									.more-opacity {
										opacity: 1;
										background: rgba(255,255,255,0.98);
									}
									.item-title,
									.more-title {
										font-family: @pt;									
										a {
											font-size: 1em;
											font-weight: bold;
										}
									}
									.item-read,
									.more-read {
										color: #555;
									}
									.item-public,
									.more-public {
										&:before {
											color: #555;
										}
									}
									.item-content,
									.more-content {
										font-size: 1em;
										line-height: 1.5em;
										color: #555;
										strong {
											font-weight: normal;
										}
									}
									.item-price,
									.more-price {
										font-family: @pt;
										font-size: 2em;
										font-weight: normal;
										color: @orange;
										&:before {
											font-family: Arial, Tahoma;
											font-size: 0.9rem; 
										}
									}
									.more-post {
										display: none;
									}
									.item-readmore,
									.more-readmore {
										.button;
									}
								}
							}
						}
						&.list {
							.respl-item {
								.item-inner {
									.item-image {
										width: 150px;
										&:hover {
											border-color: #ccc;
										}
										.item-public {
											display: none;
										}
									}
									.item-title,
									.more-title {
										font-family: @pt;									
										a {
											font-size: 1.25em;
											font-weight: normal;
										}
									}
									.item-desc,
									.more-desc {
										font-size: 1em;
										line-height: 1.5em;
										color: #555;
										font-weight: normal;
										strong {
											font-weight: normal;
										}
									}
									.item-price,
									.more-price {
										font-family: @pt;
										font-size: 2em;
										font-weight: normal;
										color: @orange;
										&:before {
											font-family: Arial, Tahoma;
											font-size: 0.9rem; 
										}
									}
								}
							}
						}
					}
					.respl-loader {
						display: none;
					}
				}
			}
		}
		#s5_footer_area1 {
			color: #555;
			font-size: 1.5em;
			padding-top: 30px;
			margin-top: 15px;
			#s5_footer_menu_wrap {
				padding-bottom: 30px;
				a {
					color: @red;
				}
			}
			#s5_footer_module .moduletablesocial-right { // Social buttons
				position: fixed;
				z-index: 100;
				top: 37%;
				right: 2px;
				box-shadow: 0 0 5px #ccc;
				.social {
					a {
						background: #f5f5f5;
						color: #888;
						display: block;
						width: 45px;
						height: 45px;
						line-height: 45px;
						text-align: center;
						font-size: 1.5em;
						transition: background 0.5s;
						&:hover {
							transition: background 0.5s;
							background: @orange;
							color: #fff;
							text-decoration: none;
						}
					}
				}
			}
		}
		#subMenusContainer {
			// display: none;
			z-index: 200;
		}
		#colorbox {
			#cboxContent {
				#cboxLoadedContent {
					>div {
						padding: 20px 26px!important;
					}
				}
				.s5_mod_h3_outer {
					background: none;
					display: block;
					width: 90%;
					margin: 0 0 10px;
					padding: 0 0 10px;
					border-bottom: 1px solid #eee;
					h3 {
						color: @red;
						font-size: 2.5em;
					}
				}
				button {
					.button;
					font-size: 1.5em;
				}
			}
		}
		#eblog-dialog {

		}
	}
	&.ie8 {
		.no-ie8 {
			display: none;
		}
	}
}

@media screen and (min-width: 1270px) {
	html[lang="en-GB"] body#s5_body #s5_body_padding {
		#s5_header_outer #s5_header_area1 .s5_wrap {
			#s5_top_row1_area1 #s5_top_row1_area2 #s5_top_row1_area_inner {
				.module_round_box .s5_resize_top_row1 .content #myGallery .slideInfoZone {
					margin: 0 0 0 17%;
				}
				#s5_pos_custom_2 {
					right: 17%;
				}
			}
			#s5_header_wrap #s5_menu_wrap {
				margin-right: 222px;
				vertical-align: top;
				margin-top: 35px;
			}
			#donate-buttons {
				position: absolute;
				right: -27px;
				top: 35px;
				display: block;
				height: auto;
				a {
					font-size: 1.3em;
					padding: 9px 12px 10px;
					margin: 0 2px;
					display: inline-block;
					font-weight: normal;
				}
			}
		}
	}
}

@media screen and (min-width: 1080px) and (max-width: 1269px) {
	html[lang="en-GB"] body#s5_body #s5_body_padding #s5_top_row1_area1 #s5_top_row1_area2 #s5_top_row1_area_inner .module_round_box .s5_resize_top_row1 .content #myGallery .slideInfoZone {
		margin: 0 0 0 8%;
	}
	html[lang="en-GB"] body#s5_body #s5_body_padding #s5_top_row1_area1 #s5_top_row1_area2 #s5_top_row1_area_inner #s5_pos_custom_2 {
		right: 8%;
	}
}

// Mobile layout
@media screen and (max-width: 749px) {
	html[lang="en-GB"] body#s5_body div#s5_body_padding {
		#s5_header_outer {
			#s5_header_area1 .s5_wrap { 
				#s5_header_wrap {
					#s5_logo_module {
						.moduletablelogo {
							.customlogo {
								#logo {
									img {
										max-width: none!important;
										width: 170px;
										display: block;
										height: 90px!important;
										max-height: 90px;
									}
								}
							}
						}
					}
					#s5_menu_wrap {
						display: none;
					}
				}
				#social {
					width: 100px;
					right: 0;
					bottom: 0;
				}
				#donate-buttons {
					right: 5px;
					top: 10px;
					text-align: center;
					a {
						display: block;
						margin-bottom: 3px;
					}
				}
			}
			#s5_top_menu_wrap li, 
			#s5_bottom_menu_wrap li {
				margin-left: 0px;
			}
		}
		#s5_footer_area1 #s5_footer_module .moduletablesocial-right {
			bottom: 5%;
			top: auto;
			a {
				display: block;
				width: 25px;
				height: 25px;
				line-height: 25px;
				text-align: center;
				font-size: 1.2em;
			}
		}
	}
}