/**
* custom.css file created by Eximium Template
* @package Eximium Template
* @author Youjoomla.com
* @website Youjoomla.com 
* @copyright	Copyright (c) since 2007 Youjoomla.com.
* @license PHP files are released under GNU/GPL V2 Copyleft License.CSS / LESS / JS / IMAGES are Copyrighted material
**/
/*
 ADD ALL YOUR CUSTOM CSS OVERRIDES TO THIS FILE.
 THIS WAY IF YOU MAKE A MISTAKE YOU CAN ALWAYS TURN CUSTOM CSS FILE OFF
 AND REVERT BACK TO ORIGINAL TEMPLATE CSS
 THIS FILE WILL LOAD VERY LAST AFTER ALL TEMPLATE CSS FILES.
 SO YOU CAN OVERRIDE ANY CSS PART OF THE TEMPLATE YOU NEED.
*/


/* ------------------------ Base Metal Fabrication -----------------------------------*/

body {line-height: 1.5; color:#ffffff; background-color:#000000; font-weight:400 !important;}

@media (max-width: 767px){body {padding-right: 0px; padding-left: 0px;}}

@media screen and (max-width: 979px){div.yjsg-newsitems .float-left { width: 100% !important; }}
@media only screen and (max-width: 1199px) and (min-width: 980px) {div.yjsgsitew { max-width: 100% !important; }}
@media screen and (max-width: 420px){#logo, #logoholder {max-width:90vw; background-size: contain !important; margin:0 auto; width: 90vw !important; height: 50vw !important;}} 

.article_title, .module_title { word-break: normal; }

#holder2 { padding :30px 0 }
.yjsg_grid { padding: 30px 0; }
.footer_out { padding: 20px 0; }


h1, h2, h3, h4, h5, h6 { color: #ef0000; }
h1 { font-size: 190%; }
h2 { font-size: 170%; margin-top: 5px; margin-bottom: 20px;}
h3 { font-size: 150%; margin-top: 20px; margin-bottom: 20px;}
h4 { color: #B02F2F; margin-top: 20px; margin-bottom: 20px; font-weight: 600 !important;}

.article_title, .module_title {
    font-size: 190%;
}


/* ------------------------------------- header ---------------------------------*/

/*#centertop{background: transparent url(../images/lwd/header-bg-4.jpg) top right no-repeat; height:322px; }*/
#centertop_outer {background: transparent url(../images/lwd/bannerbg2.jpg) top center no-repeat; height:260px; }
#header1.yjsgxhtml { width: 50.00% !important;} 
#header2.yjsgxhtml { width: 50.00% !important;} 
#yjsgheadergrid { padding: 13px 0; }
#header #line1 {color:#ffffff; font-weight: bold; font-size: 30px;}
#header #line2 {color:#ffffff; font-weight: bold; font-size: 18px; margin-top: 10px;}
#header a {color: #ffffff; font-size: 20px; font-weight: 600;}
#header a:hover  {color: #b02f2f;}


@media screen and (min-width: 481px) and (max-width: 720px) {
	#header1.yjsgxhtml, #header2.yjsgxhtml {
		width: 50.00% !important;
		float: left!important;
		clear: none!important;
	}
	#header #line1 {font-size: 26px;}
	#header #line2, #header a {font-size: 16px;}
} 

@media screen and (max-width: 480px) {
	#header {height:260px; }
	#header1.yjsgxhtml, #header2.yjsgxhtml {
		width: Auto !important;
		float: none!important;
		clear: both!important;
	}
	#header1 img{max-width:240px; margin-top: 0 !important}
	#header #line1 {font-size: 26px; margin-top:0px;}
	#header #line2, #header a {font-size: 16px;}
	#header p {margin:0}
}


/* ---------------------------------------- Menu -----------------------------------*/

#topmenu_holder, .ulholder.dlevel1 {
    background: transparent url(../images/lwd/menu-bg.jpg) top center no-repeat;
	padding-top: 6px;
}

/* Active/hover links */

.yjsgmenu a.activepath, .yjsgmenu a:focus, .yjsgmenu a:hover, .yjsgmenu li:hover > .child a {
    background: transparent;
    color:#ffffff;
	border: 1px solid #ff0000;
}

.yjsgmenu a:hover {
    box-shadow: inset 0 0 0 99999px rgba(0,0,0,0.1); 	
    color: #ffffff !important;
}


/* menu height, link colour and font size */
ul.yjsgmenu li a, ul.yjsgmenu.megadropline a.dlevel1a, ul.yjsgmenu.megadropline .cleardropline, ul.yjsgmenu.megadropline .cleardropline {
    margin: 10px 5px;
	padding: 0px 20px;
    height: 58px;
    line-height: 58px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
	border: 1px solid transparent;
}

ul.subul_main li a {font-size: 16px;}

/* remove padding */
.yjsg-menu {padding-left:0 !important; padding-right:0 !important;}

/* Mobile Menu fix */
@media screen and (max-width: 979px){
	.horiznav { display: none; }
	div#mmenu_holder { margin-bottom:20px; padding-top:10px;}
}

/* Sub Menu background colors */

.yjsgmenu ul, .yjsgmenu li.holdsgroup ul ul {
	background: #9A0500;
	border: 1px solid #ccc;
}

.yjsgmenu ul li a {margin:0;}


/* -------------------------- yjsg3 --------------------------------------*/

#yjsg3, #user1 {padding: 0px;}


/* ------------------------- body -------------------------------------*/

#bodybottom1 {padding-left: 0px ; padding-right: 0px ; }
.rtg-images {margin : 0 auto !important; }

.yjsg-leadingarticles {margin: 0 -10px;}
.yjsg-leadingarticles>div {width:50%; float:left;}
.yjsg-leadingarticles .article_title a {
	display:block;
	font-size:90%;
	margin:5px 10px;
	border: 1px solid #555555;
	padding: 10px 5px;
	text-align:center;	
    background-color: #222222;
}

.yjsg-leadingarticles .article_title a:hover {
	border: 1px solid #aaaaaa;
    background-color: #292929;
	color: #ff0000;
}

.yjsg-leadingarticles span.article_separator {height: 0px;}

@media screen and (max-width: 1200px) { .yjsg-leadingarticles .article_title a { font-size:80%;} }

@media screen and (max-width: 600px) { 
	.yjsg-leadingarticles>div {width:100%; float:none;}
	.yjsg-leadingarticles .article_title {margin:0;}
}

/* -------------------------- yjsg5 grid  --------------------------------------*/
#yjsg5 .yjsgxhtml {padding-left: 0px; padding-right: 0px; }
#yjsg5 .yjsquare { width: 50%; float:left ; display: inline-block; clear: none; padding: 10px;}
#yjsg5 .yjsquare_in {
	background: transparent url(../images/lwd/grid-bg.jpg) right bottom;
	height:400px; 
    padding: 10px;
}
#yjsg5 p {text-align: center; }
#yjsg5 img {width:360px; max-width:90%;}

#yjsg5 a img {border: 5px solid #ddd;}
#yjsg5 a img:hover {border: 5px solid #a30000;}

#yjsg5 { padding-top: 0px; }


@media only screen and (min-width: 421px) and (max-width: 768px) {
	#yjsg5 .yjsquare { width: 50%;}
	#yjsg5 img { max-width:80%;}
	#yjsg5 .yjsquare_in { height:360px; }
}

@media only screen and (max-width: 420px) {
	#yjsg5 .yjsquare { width: 100%;}
	#yjsg5 img { max-width:80%;}
	#yjsg5 .yjsquare_in { height:360px; }
}

/* -------------------------- yjsg6 - google map ------------------------------*/
.yjsg6_out, .yjsg6_out [class*='yjsg-hr-'].fa:before { background: #000000; }
#yjsg6 {padding:0}
#user16 {padding: 0}
/* -------------------------- yjsg7 -------------------------------------------*/

.yjsg7_out, .yjsg7_out [class*='yjsg-hr-'].fa:before { background: #000000;}
#yjsg7 {background: transparent url(../images/lwd/footer-bg-3.jpg) top left; height:328px; padding: 30px 0; }
#yjsg7 .module_title {font-weight:bold; color:#000000; margin: 0 0 40px 0;}
#yjsg7  .yjsquare_in { max-width: 900px;  float: right; width: 100%; }


/*---------------------- footer -----------------------------*/
/* version 1.01 - Added fbook link */
/* version 1.02 - Added gplus link */
/* version 1.02 - Corrections for Eximium */

.footer_holders.footer {	background: #000000;}
	
.footer_holders {border-top: 0px ;}

.footer_holders {
  display: block;
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: 10px;
}
.footer2 {line-height:2.5;}

.fbook, .gplus{
	width: 16px;
	height:16px;
	display: inline-block !important;
	border-radius: 2px;	
	vertical-align: top;
    margin-top: 8px !important;
    margin-left: 6px !important;
}
.fbook a , .gplus a { 
	color: #dddddd; 
	font-size: 14px; 
	font-weight: 400; 
	line-height:16px;
    width: 16px;
    height: 16px;
    display: block;
}
.fbook a:hover, .gplus a:hover { color: #ffffff; }

.fbook { font-family: Arial, Helvetica, sans-serif;    line-height:18px; background-color: #3C56A1 ; /* std fbook blue */ }
.gplus { font-family: "Times New Roman", Times, serif; line-height:16px; background-color: #DF5138 ; /* std gplus red */ }

.gplus a { font-size: 20px; line-height: 20px; } /*brings <sup> up to same size */

.fbook:hover {background-color: #2749a5;} /* std fbook blue, brighter */
.gplus:hover {background-color: #f42909;} /* std gplus red, brighter */

/* snippets --------------------------------------------------------------------------------------- */
/* version 1.10                                                                                     */
/* insert this into both custom.css and editor.css                                                  */
/* J2.5 JCE global config - editor styles - Custom css files - templates/$template/css/editor.css   */
/* J3.3 JCE - Editor Global Configuration - Formatting & Display                                    */
/*            Editor Styles = Custom CSS files                                                      */
/*            Custom CSS Files = templates/$template/css/editor.css                                 */
/* ------------------------------------------------------------------------------------------------ */

hr.hide { display: none}

.snippet { 
	width:100%; 
	display:inline-block;
	margin: 0 1px -7px 1px;
}
#tinymce div [class^='snippet-row'],
div [class^='snippet-row'] { clear: both; width:100%; position: relative;}

#tinymce div [class^='snippet-Col'],
div [class^='snippet-Col'] {
	/*border: 1px solid #bbbbbb;*/
	margin:0 0.5%;
	display: inline-block;
	float:left;
	margin-top:1%
}
.snippet-row6 [class^='snippet-Col'],
.snippet-row8 [class^='snippet-Col'] {
	margin:0 0.25%;
	margin-top:0.5%
}

div [class^='snippet-Col'].no-border ,
.no-border [class^='snippet-Col'] { border: none;}

div [class^='snippet-Col'] p,
div [class^='snippet-Col'] h2,
div [class^='snippet-Col'] ul {
	margin: 6px;
	overflow: hidden;
}
div [class^='snippet-Col'].img-only p{margin: 0px !important; text-align: center;  }
div [class^='snippet-Col'].img-only img{width:100%; height:auto; }

.snippet .snippet-Columns  { 	margin: 0px ; width: 100%;}
.snippet .snippet-Columns p { 
	display: inline-block;
	width: 32.33%;
	float: left;
	margin: 0.5% ;
}

#tinymce div [class^='snippet-Col']{ margin: 0.5% 0.3% ; border: 1px solid #d80f37;}
#tinymce div [class^='snippet-Col'].no-border,
#tinymce .no-border [class^='snippet-Col'] { border: 1px dotted #d80f37;}
#tinymce .snippet {margin-bottom:0px;}
#tinymce hr.hide {display: block}
#tinymce div [class^='snippet-Col'] img {width: 100%; height: auto;}


	.snippet-row1 .snippet-Col1 {width:99%;}
	/* 2x1 grid 50-50*/
	.snippet-row2 [class^='snippet-Col'] {width:49%; }
	/* 2x1 grid 25-75*/
	.snippet-row2a .snippet-Col1 {width:24%;}
	.snippet-row2a .snippet-Col2 {width:74%;}
	/* 2x1 grid 75-25*/
	.snippet-row2b .snippet-Col1 {width:74%;}
	.snippet-row2b .snippet-Col2 {width:24%;}
	/* 3x1 grid 33-33-33*/
	.snippet-row3 [class^='snippet-Col']  {width:32.33%;  }
	/* 3x1 grid 50-25-25*/
	.snippet-row3a .snippet-Col1 {width:49%;}
	.snippet-row3a .snippet-Col2,
	.snippet-row3a .snippet-Col3 {width:24%;}
	/* 3x1 grid 25-25-50*/
	.snippet-row3b .snippet-Col1,
	.snippet-row3b .snippet-Col2 {width:24%;}
	.snippet-row3b .snippet-Col3 {width:49%;}
	/* 3x1 grid 25-25-50*/
	.snippet-row3c .snippet-Col1,
	.snippet-row3c .snippet-Col3 {width:24%;}
	.snippet-row3c .snippet-Col2 {width:49%;}
	/* 4x1 grid 25-25-25-25*/
	.snippet-row4 [class^='snippet-Col']  {width:24%;}
	/* 6x1 grid 16.6x68*/
	.snippet-row6 [class^='snippet-Col']  {width:16%;}
	/* 8x1 grid 12.5x8*/
	.snippet-row8 [class^='snippet-Col']  {width:12%;}

@media screen and ( max-width: 980px) {
	.snippet .snippet-Columns p { width: 32.33%; }
	/* 3x1 grid 33-33-33*/
	.snippet-row3 .snippet-Col1,
	.snippet-row3 .snippet-Col2 {width:49%;}
	.snippet-row3 .snippet-Col3 {width:99%;}
	/* 3x1 grid 50-25-25*/
	.snippet-row3a .snippet-Col1 {width:99%;}
	.snippet-row3a .snippet-Col2,
	.snippet-row3a .snippet-Col3 {width:49%;}
	/* 3x1 grid 25-25-50*/
	.snippet-row3b .snippet-Col1 ,
	.snippet-row3b .snippet-Col2 {width:49%;}
	.snippet-row3b .snippet-Col3 {width:99%;}
	/* 4x1 grid 25-25-25-25*/
	.snippet-row4 [class^='snippet-Col']  {width:49%;  }
	.snippet-row4 .snippet-Col3 {clear:left;}
	/* 8x1 grid 12.5x8*/
	.snippet-row8 [class^='snippet-Col']  {width:24.5%;}
}

@media screen and ( max-width: 680px) {
	div [class^='snippet-row2'] [class^='snippet-Col'] { width:99%; }
	/* 3x1 grid 25-25-50*/
	.snippet-row3c .snippet-Col1 {width:49%;}
	.snippet-row3c .snippet-Col2 {width:99%;}
	.snippet-row3c .snippet-Col3 {width:49%; position:absolute}
	/* 6x1 grid 16.6x68*/
	.snippet-row6 [class^='snippet-Col']  {width:32.8%;}
}
@media screen and ( max-width: 480px) {
	.snippet .snippet-Columns p { width: 49%; }
	div [class^='snippet-row'] [class^='snippet-Col'] { width:99%; position:relative}
	.snippet-row6 [class^='snippet-Col'],
	.snippet-row8 [class^='snippet-Col']  {width:49.5% !important;}
}

/* contact enhanced layout changes ----------------------------------------------------*/
/* version 1.03  */

/* Components - CE - Contacts - (name) - Display - Show Map : Inside sidebar
/* Components - CE - Contacts - (name) - Contact Form - Show Sidebar : right*/
/* Components - CE - Contacts - (name) - Contact Form - Sidebar width : 50%*/

@media only screen and (max-width: 480px) {
	.contact-sidebar { display: none;}
	.ce-container div { width: 100% !important;}
}

@media only screen and (min-width: 480px) {
	.cf-label {
		display: inline-block !important;
		width: 130px;
		text-align :right;
		margin: 0 10px 0 0 ;
		vertical-align: top ;
		line-height :30px;
	}
	
	.ce-cf-container .inputbox { width: 68% !important;}
	
	.ce-contact-email-copy-container ,
	.securimage-container,
	.cf-type-button,
	.captcha-container,
	.ce-checkbox-container,
	.ce-radiobox-container,
	#advice-required-sector {
		/* should be cf-label width + 13 px  */
		padding-left: 143px;
	}
	
	#idealCaptcha {
		/* should be cf-label width + 13 px  */
		padding-left: 143px;
		margin-bottom: 10px;
	}
}

.cf-input-checkbox,
.cf-input-radio  {
	margin: 3px 10px 0 0 !important;
}

.img-securimage-captcha { border : 1px solid #000000; border-left : none;}
.securimage-container img { padding-right: 0px !important; margin-right : 7px;}

.ce-container  p { clear: left; margin: 0 0 0.5em 0; }

.ce-cf-container input,
.ce-cf-container select,
.ce-cf-container textarea{
    color: #000000;
	font-size : 16px;
	line-height: 1.4em;
}

.securimage-container input,
.ce-cf-container input {
	height:30px;
}

.contact button.ce-button-submit, 
.contact button.ce-button-reset {
	background: #b00d1e;
	color: #ffffff;
}