/**
* 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.
*/


/* ----------------------- Ipswich Termites ---------------------------*/



body {line-height:1.75; color:#000000; }

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

#centertop_outer {background: #ffffff url(../images/lwd/banner-bg.jpg) no-repeat center top; }
#centertop {min-height:400px;}

#centerbottom_outer {background-color: #f4f4f4;}

.holders {   padding: 70px 0 0 0; }

@media only screen and (max-width: 1039px) and (min-width: 980px){
	div.yjsgsitew { max-width: 100%;}
}

.img-introtext- img { padding: 10px 20px 10px 0;}


h1, h2, h3, h4, h5, h6 {
    color: #2196f3;
}

/*----------------------------------------- Header Grid ---------------------------*/
#header2 p {
    text-align: center;
	margin: 20px 0 0 0;
}
#bodybottom3 a,
#header2 a {
	font-size: 30px;
    color: #ffffff;
    font-weight: bold;
    background: #1976D2;
    padding: 5px;
    border-radius: 10px;
    border: 2px solid #2196F3;
    width: 250px;
    display: inline-block;
    margin: 0 auto;
}
#bodybottom3 a:hover,
#header2 a:hover {
	background: #2196F3;
	border: 2px solid #81d4fa;
}

#bodybottom3 a {padding:0; margin-left: 20px; margin-right: 20px;}

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

#topmenu_holder, .ulholder.dlevel1 {
    background: #2196F3;
	max-height: 80px;
}

/* Active/hover links */

.yjsgmenu a.activepath, .yjsgmenu a:focus, .yjsgmenu a:hover, .yjsgmenu li:hover > .child a {
    background: #ff6600;
    color:#ffffff;
}

.yjsgmenu a:hover {
    /*box-shadow: inset 0 0 0 99999px rgba(0,0,0,0.1); */
	background: #0066cc;
    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 {
    padding: 0px 10px;
    height: 80px;
    line-height: 80px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
}

ul.yjsgmenu li a.double {
    padding: 15px 10px;
    height: 50px;
    line-height: 25px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
}

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

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

/* Sub Menu background colors */

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

ul.yjsgmenu li a span {
    width: 100px;
    text-align: center;
}

li#current:after {
	content:"";
	display:block;
	width: 0; 
	height: 0; 
	border-left: 60px solid transparent;
	border-right: 60px solid transparent;
    border-top: 20px solid #ff6600;
}

li#current:hover:after { border-top: 20px solid #0066cc; }


/* ----------------------------------------------- YJSG4 ----------------------------------------*/
.yjsg4_out {background-color: #f4f4f4 ;}
#yjsg4 {width: 100% !important; padding: 0 !important; max-width: 100%;}
#yjsg4 .yjsgxhtml {padding: 0 ;}
/* ----------------------------------------------- YJSG5 ----------------------------------------*/


.yjsg5_out {background-color: #0099ff; color:#ffffff;}
#yjsg5_before { background: #f4f4f4 url(../images/lwd/module-top.png) no-repeat center bottom; height:200px; background-size:cover}
.with-maps #yjsg5_before {height:0px;}
#yjsg5_after { background: #fcfcfc url(../images/lwd/module-bottom.png) no-repeat center top; height:200px; background-size:cover}
#yjsg5 {padding: 70px 0 0 0 }

@media screen and (max-width: 1200px){
	#yjsg5_before, #yjsg5_agfter {height: 120px;}
	
}
#user11 {display: flex; flex-wrap: wrap;}

#user11 .yjsquare {
	width: 25%;
    float: left;
    display: inline-block;
    clear: none;
	padding: 10px 20px;
	}

#user11 .module_title {color:#eeeeee; text-align: center;}

@media screen and (max-width: 767px){
	#user11 .yjsquare { width: 50%;}
	#user11 .yjsquare { padding: 10px; }
}
/* ----------------------------------------------- YJSG6 ----------------------------------------*/

#yjsg6 .module_title {color:#ff6600;}

/* ---------------------------------- K2 ------------------------------------------*/

.clearList {
    display: none!important;
    float: none;
    clear: both;
}

/* Footer --------------------------------------------------------------------------------------- */
/* version 1.01 - Added fbook link 																  */
/* version 1.02 - Added gplus link                                                                */
/* version 1.03 - Corrections for Eximium                                                         */
/* version 1.04 - style corrections                                                               */
/* version 1.05 - responsive style corrections                                                    */
/* version 1.06 - responsive style corrections                                                    */
/* version 1.07 - floating "Top" button                                                           */
/* ---------------------------------------------------------------------------------------------- */

.footer_out { background-color: #e8ebef; padding:30px 0;}
#footer { color: #929292;;}
.footer0 {text-align: center;}
.footer2 {line-height:2.5;}
.footer2 a, #cp a {color:#437AFC} /*local Web Design & Top*/
.footer2 a:hover{color:#43b7f9 !important} 
#cp a:hover {}

.fbook, .gplus{
	width: 16px;
	height:16px;
	display: inline-block !important;
	border-radius: 2px;	
	vertical-align: top;
    margin-top: 8px !important;
    margin-left: 8px !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 */

#cp {padding-left: 10px; float:left} /*top*/


@media screen and (max-width: 400px){
	.footer1 {font-size:12px; line-height: 1.5!important;}
	.footer2 {font-size:12px;}
}

#cp a.yjscroll {
	position: fixed;
    bottom: 16px;
    right: 16px;
    width: 35px;
    background-color: #999999;
    border-radius: 4px;
	color: #ffffff;
	font-weight: bold;
	line-height: 22px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	
}
#cp a.yjscroll:focus {text-decoration: none; }