/*

Theme Name: Canvas Child - Old Website

Description: Child theme for the Canvas theme 

Author: Gordon Renouf

Template: canvas

*/

/** FONT IMPORT Ngoc Sep 2012 **/

@import url("../canvas/style.css");

@font-face {
    font-family: 'proxima_nova_rgbold';
    src: url('js/proximanova-bold-webfont.eot');
    src: url('js/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('js/proximanova-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'proxima_nova_rgitalic';
    src: url('js/proximanova-regularitalic-webfont.eot');
    src: url('js/proximanova-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('js/proximanova-regularitalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('js/proximanova-regular-webfont.eot');
    src: url('js/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('js/proximanova-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
/** end change **/

/*BOX IN HEADER Puts button to right - */


.header-search { position: relative; top: 20px; }


/* 

WOO CUSTOM STYLESHEET

---------------------



Instructions:



Add your custom styles at the end of this file instead 

of style.css so it is easier to update the theme. 

Simply copy an existing style from style.css to this file, 

and modify it to your liking.

*/



/*LIST OF MODIFCATIONS to THEME updated 7 March 2011; Feedback widget mod added to list 27 August 2012*/



/* functions.php: Containers for full page footer, header and menu bar CSS */

/* woo-header-inside - code to add button in Header */

/* woo-main-inside - code to add text in tabs below slider*/

/* slider tabs - code in Hook Woo_main_before and slidertabnav.css*/



/*CSS as below and slidertabnav.css*/



/* Feedback Widget set to fixed height 27 Aug 2012*/


/* FONT DECLARATIONS - see above */


/*FEEDBACK WIDGET FIXED HEIGHT*/


.feedback-list { height: 180px; }


/* GRAVITY FORMS */


/* Wider form element headings */
body { font-family: proxima_nova_rgregular; }


.gform_wrapper .top_label .gfield_label {

   width: 300px;

   }



/*SOCIAL ICONS styling for social icons in header - some of this can be deleted if these icons not used */

#social-links a { display: inline-block; height: 28px; width: 30px; background-image: url(images/ico-subscribe-social.png); background-repeat: no-repeat; }

#social-links a.subscribe { background-position: 0px 0; }

#social-links a.social-icon-twitter { background-position: -30px 0; }
#social-links a.social-icon-facebook { background-position: -60px 0; }

#social-links a.social-icon-youtube { background-position: -90px 0; }

#social-links a.social-icon-flickr { background-position: -120px 0; }

#social-links a.social-icon-linkedin { background-position: -150px 0; }

#social-links a.social-icon-delicious { background-position: -180px 0; }

#social-links a.social-icon-googleplus { background-position: -210px 0; }

#social-links .heading-text { vertical-align: top; }







/* SIDEBAR IMAGE WIDGETS Corrects Adsense widget overflow - Code provided by Woo Support - Tiago 14 August2012 */



.adspace-widget { 

overflow:hidden ; 

}

/*this line added GR 11 March 2013 to remove 20 px margin between bottom of heading and adspace widget holding Advice line and MoneyHelp details in Consumer Help page sidebar */

#sidebar .adspace-widget h3 {margin: 0 0 0 0;}


/* RSS Prevents Category RSS from displaying */


.catrss {display: none;}




/*SLIDER FEATURE HEADING TEXT BACKGROUND ie 70% green colour */

#loopedSlider .content p, #loopedSlider .content h2 {

    background: url("images/bg_scaption.png") repeat scroll 0 0 transparent;


}



/*STYLES BOX IN HEADER & Puts button to right - need to fix this & add search box to header*/


.header-search { position: relative; top: 20px; }

.social-links {

     padding-left: 5px;

}



/* MC EMBED CSS - not working at 15 June */



#header-widget .widget a:hover, .widget .textwidget {

  background-color:none !important;}



#mc_embed_signup .widget a:hover, .widget .textwidget {

  background-color:none !important;}







/* WIDGET 29 CSS - not working at 15 June */



#text-29 .widget .widget_text {



background: none;

background-color: none;



}



/*STYLES MENU BAR HOVER COLOUR AND DROP DOWN MENU ITEM TEXT - there is more complex Code available in Canvas tutorials for eg background colour*/



#navigation .nav li a:hover {

    color: #424240;

}



#navigation .nav li ul li a { 

    font-size: 12px; color: #424240; 

}



/*div.srp-widget-singlepost {border-bottom:1px solid #CCCCCC !important; }*/

/*STYLES H1 & H6 LINKS AS DIFFERENT COLOUR TO OTHER LINKS = PREFERABLY SAME COLOUR AS TEXT*/

/*h1 {background-color: #E8E8E8;border-top: 2px solid;}*/

h1 a:link, h1 a:visited {color: #424240;}

h6 a:link, h6 a:visited {color: #777772;}



/*REMOVES BOX BORDER from IMAGES*/



.entry img, img.thumbnail {

    border: 0 !important;

    padding:0px;

}



.entry .wp-caption {

    border: 0px solid #E6E6E6;

}



/*REMOVES BORDERS ABOVE AND BELOW WOO PAGINATION & REDUCES PADDING*/



.nav-entries, .wp-pagenavi, .woo-pagination {

    border-bottom: 0px solid #E6E6E6;

    border-top: 0px solid #E6E6E6;

    padding: 6px 0;

}





/* SIDEBAR WIDGETS */



.widget h3 {

   font: bold 18px/1.5em Droid Sans, san serif;

   color: #fff;

   border-bottom: 0px solid #9C0;

   background-color: #B9D80A;

   text-transform: none;

   padding: 10px;

   border-top: 2px solid; /* edited by Arun Srivastava for making black line at the top of heading in sidebar */

}



.widget {

   font: normal 12px/1.5em Droid Sans;

   color: #222;

   padding: 0px 20px 0px 10px;

   border-radius: 0px;

   -moz-border-radius: 0px;

   -webkit-border-radius: 0px;

}





/*STYLES FOOTER WIDGET BACKGROUND COLOUR, BODY TEXT, COLOUR, LINK COLOUR*/





/*style email input box */

#mc_embed_signup input.email {

display: block;

padding: 8px 0;

margin: 0 4% 0px 0;

text-indent: 0px;

width: 90%;

min-width: 130px;

}



/* style Email label ie Subscribe to Consumer InterAction */

#mc_embed_signup {

background: 

#9C0;

clear: left;

font: 9px Droid Sans,Arial,sans-serif;

color: 

white;

}



#header-widgets {}



#footer-widgets {

   {background:#E8E8E8;}

   colour: #ffffff;

	

}





#footer-widgets  .widget h3 {

    border-bottom: 0px solid #ffffff;

    color: #272725;

    font: bold 14px/1.5em Droid Sans;

   margin-bottom: 0px;

   background: none;

}



#footer-widgets .widget p, .widget .textwidget {

    color: #272725;

    font: 12px/1.5em 'Droid Sans',arial,sans-serif;

   margin-bottom: 3px;

}



#footer-widgets .widget a:link,  .widget .textwidget {

    color: #272725;

    font: 12px/1.5em 'Droid Sans',arial,sans-serif;

}



.widget .textwidget {

    color: #272725;

    font: 12px/1.5em 'Droid Sans',arial,sans-serif;

	background-color: #E8E8E8; /* edited by Arun Srivastava for adding background color */

    margin-top: -20px; /* edited by Arun Srivastava for removing margin */

	padding: 0 7px; /* edited by Arun Srivastava for making gaps */

}



.textwidget  a{color:#272725 !important;}



#footer-widgets .widget a:hover{color: #D36D00 !important;}





/*STYLING FOR FULL WIDTH HEADERS AND NAV ETC*/



#wrapper {padding:0;width:auto !important;}

#header-container {background:#99CC00;}

#nav-container {background:#E8E8E8;}

#footer-widgets-container {background:#E8E8E8;}

#footer-container {background:#777772;}





/*style social Media buttons in Main Nav*/

.menu-item-type-social { margin-top: -1px; }

.menu-item-type-social a { padding: 0 5px; }



/*style top nav to right*/

#top .fl {float: right;}





/* 

WOO CUSTOM STYLESHEET

---------------------



/*CSS for slider tabs under slider*/





#bannerNav

{

	position:absolute;

	left:0px;

	z-index:999;

}



/* Set Slider Tab nav margin from  slider-images if you change -40px to -42px the Tab Nav move UP */

#bannerNav

{

	margin-top:-40px;

}



/* Border below the sliding-images i.e. Top border of Slider Tab Navigation */

#bannerNav ul

{

	border-top: 3px inset #424240;/* WIDTH and COLOR of border-top */

}

#bannerNav ul

{

	margin:0;

	height:104px;

	width:880px;/* Slider Tab Navigation Width */

	background:#9fa3a6;

}



#bannerNav ul li

{

	float:left;

	margin:0;

	padding:0;

	border-right:1px solid white;

	width:219px;

	height:104px;

	list-style-type:none;

	cursor:pointer;

}



#bannerNav ul li.last

{

	float:left;

	margin:0;

	padding:0;

	border-right:0px;

	width:220px;

	height:104px;

	list-style-type:none;

	cursor:pointer;

}



/*SLIDER TAB BACKGROUND COLOR */

#bannerNav ul li, #bannerNav ul li a, #bannerNav ul li p

{

	background:#77772;

}





/*SLIDER TAB BACKGROUND COLOR WHEN TAB ACTIVE */



#bannerNav ul li.active, #bannerNav ul li.active a, #bannerNav ul li.active p

{

	background:#B9D80A;

}



/* - original colour for slider tab was this background:#ec7703; */





/* Change text color for HyperLink ( H2 tag ) in SLIDER TAB */



#bannerNav ul li h2 a

{

 color:#FFF;

}



/* Change text color for text ( i.e Short description ) below the H2 tag */



#bannerNav ul li p

{

 color:#FFF;

}





#bannerNav ul li a

{

	display:block;

	padding:5px 8px 0 8px;

	text-align:left;

	font-size:1.0em;

	font-weight:bold;

	text-decoration:none;

	text-transform:capitalize;

	color:#ffffff;

	outline:none;

}



#bannerNav p

{

	margin:0;

	padding:6px 8px 3px 8px;

	text-align:left;

	font-size:1.0em;

	color:#ffffff;

}





/* FOR Main content :-  Margin between Slider Tab navigation and the stuff below */



#main

{

	margin-top:6px !important;

}





/* FOR sidebar :-  Margin between Slider Tab navigation and the stuff below*/



/*#sidebar

{

	margin-top:5px !important;

}

*/

.two-col-left-880 #main-sidebar-container #sidebar{margin-top:5px !important;}



/* *************************************** css added by Arun Srivastava on 6/6/12 *********************************************** */

/* ****** search box styling changed by G Renouf 16 June 2012 to provide white background *************************************** */

h1{background-color: #E8E8E8;border-top: 2px solid;padding: 0 7px;}



h1.fl{border-top: none;}



span.archive_header{background-color: #E8E8E8;border-top: 2px solid;font:bold 24px/36px 'Droid Sans',arial,sans-serif;padding: 0 7px;color:#4A4A4A;margin:0 0 15px;border-bottom: none!important}



.archive_header h1{font:bold 24px/1.5em 'Droid Sans',arial,sans-serif !important;padding: 0 7px;}



div.srp-widget-singlepost{border-bottom:1px solid #CCCCCC !important;}



.widget{ background:none !important;} /* Added By Arun Srivastava for removing background color */ 



.sub-menu li{float:left; width:auto;}

/** SECONDARY MENU changed Ngoc Sep 12 **/

.nav li ul{width:875px !important;left:auto !important;margin-top:2px;padding:5px;background:#eebebea;border:none;}

/** end change **/

.nav li ul li{border-bottom: none !important;border-top: none !important;}



.nav li ul li a{ width:auto !important; background:#ebebea !important;border-radius:0 !important}



.sfHover a {background:#dc7e26 !important; color:#fff !important;}



.nav li.current_page_item a, .nav li.current-menu-ancestor a, .nav li.selected, .nav li.current-menu-item a, .nav li.current_page_parent a{ background:#dc7e26 !important; color:#fff !important;border-bottom:1px solid #DC7E26;} 



.nav a, .nav li.current_page_item, .nav li.current_page_parent, .nav li.current-menu-ancestor, .nav li.current-menu-item, .nav li.sfHover, .nav li.selected{border-radius:3px 3px 0 0 !important;}



.nav li.current-menu-item, .nav li.current-menu-parent, .nav li.selected{border-radius:3px 3px 0 0 !important;border-bottom:2px solid #DC7E26;}



.sub-menu{display:none;}



.sub-menu li a:hover{ background:#fff !important; color:#C18141 !important;}



..sub-menu li a.submenu-highlight{background:#fff !important; color:#C18141 !important;}



/*.sub-menu li.current-menu-item{border-radius:3px 3px 3px 3px !important;}*/



..sub-menu li.current-menu-item a{background:#fff !important; color:#C18141 !important;}



#footer-widgets .widget h3{border-bottom: 4px solid #FFFFFF !important;color: #333333 !important;font: bold 14px/1.5em Droid Sans !important;border-top:none !important;padding-left:0;padding-bottom:15px !important;}

/** HEADER WIDGET STYLING changed Ngoc 9/12 **/

.header-widget .widget {background:none !important;}



.header-widget .widget .textwidget{padding:0 !important;}



.searchform {border:none !important;margin: 20px 0 0 10px;}



.header-widget .searchform input.s{width:223px; height: 15px;}



.searchform input.s { color:#777772 !important;}



.searchform input.s:focus{border-color: #333333;}

.searchform input.submit {
	
}

.header-widget{width:300px;background: #C1E100;border-radius: 0 0 15px 15px;}

#mc_embed_signup .clear {display: none!important;}
#mc_embed_signup form {padding-bottom: 0!important;}
.header-widget .widget{float:left;}



.header-widget .widget .textwidget {background:none !important;}

/** end change **/

#sidebar .textwidget{padding:10px !important;}



#nav-container{height:31px;margin-bottom:35px;}



#navigation{padding: 0;height:27px;}



#footer-widgets .widget a:hover{padding:0 !important;}



.slides_control .quote{width: 250px !important;padding:0 10px;}



.tweets li{padding:0 10px !important;}



#footer-widgets p a{cursor:pointer;}

/* *********************** css for subscribe email ***************************************** */

/** NEWSLETTER SIGN UP in HEADER WIDGET change Ngoc Sep 12 **/

/*#mc_embed_signup{height:60px;margin-left:-17px;}*/



#mc_embed_signup label{font-size: 13px !important;text-align:left;margin-left: 2px;}



#mc_embed_signup .email{
    color: #777772 !important;
    float: left;
    height: 15px;
    margin-left: 2px !important;
    margin-right: 0 !important;
	margin-bottom: 0 !important;
    padding: 5px 0 !important;
    width: 235px !important;
	border: medium none;
  }
#mc_embed_signup input::-webkit-input-placeholder {
	color: #777772 !important;
}
/** end change **/

/* ***************************************************************** css for subscribe mail ends here ********************************************** */



#mc_embed_signup .newsletter-form input.email{width:222px !important;color:#777772;float:left;margin-right:0 !important; background:url(images/search-bg.jpg) left top repeat-x; border:solid 1px #938f8a; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}



#mc_embed_signup .newsletter-form input.button{margin: 5px 5px 0 0;}



div.gform_wrapper{display:block !important;}



.breadcrumbs{margin-top:50px;margin-bottom: 15px !important;*margin-bottom: -7px !important;}



.two-col-left-880 #main-sidebar-container .archive-sidebar #sidebar{margin-top:55px !important;}



#copyright a{color:#FAFAFA;}

/* ***************************** END **************************************************** */


/* *********** Code supplied by Gravity Forms 20 March 2013 to fix Accessibility issues on forms ****************** */

body .gform_wrapper input[type=text], body .gform_wrapper input[type=url], body .gform_wrapper input[type=email], body .gform_wrapper input[type=tel], body .gform_wrapper input[type=number], body .gform_wrapper input[type=password], body .gform_wrapper input[type=file], body .gform_wrapper textarea {
margin-bottom: 0;
}
body .gform_wrapper .gfield_checkbox, body .gform_wrapper .gfield_radio {
margin-left: 0 !important;
}
body .gform_wrapper .top_label .gfield_label {
width: auto;
}

/* ******** END GRAVIT FORMS Accessibility Code **** */

/************ SECONDARY MENU AND HEADER NGOC September 12 **************/

#header {
	background: none!important;
	padding: 0 0 80px !important;
}
#header-container {
	background: -moz-linear-gradient(top, #99cc00, #B9D80A)!important;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#99cc00), to(#B9D80A))!important;
	background: -webkit-linear-gradient(top, #99cc00, #B9D80A)!important;
	background: -ms-linear-gradient(top, #99cc00, #B9D80A)!important;
	background: -o-linear-gradient(top, #99cc00, #B9D80A)!important;
}
#logo {
	margin-top: 30px;
}
#mc_embed_signup {
	background: none!important;
}

#mc_embed_signup label {
	width: 250px;
	float: left;
}
#nav-container {
	height: 35px!important;
}
#navigation {
	height: 35px;
}
.nav {
	position: relative;
	width: 880px;
}
#navigation ul li a {
	font-family: proxima_nova_rgregular;
    font-size: 18px;
    font-weight: 900;
    line-height: 25px;
}
.nav li.current-menu-item a,.nav li.current-menu-item, .nav li.current-menu-parent, .nav li.selected {
	border-bottom: none!important;
}
#navigation ul li:hover ul {
	display: block;
}
#navigation ul.sub-menu {
	z-index: 100;
	padding: 0 0 0 5px!important;
	top: 33px;
	left:0!important;
	display: none;
	margin-left: 0!important;
}

.nav li.current-menu-item ul.sub-menu, .nav li.current-menu-parent ul.sub-menu {
	display: block!important;
	z-index: 10!important;
	background: #DC7E26!important;
}
.nav li.current-menu-item ul.sub-menu a, .nav li.current-menu-parent ul.sub-menu a{
	border-bottom: none!important;
	
}
.nav li.current-menu-item ul.sub-menu a, .nav li.current-menu-parent ul.sub-menu a {
	text-shadow: none;
	
}
.nav li ul.sub-menu li  {
	padding: 5px 0;
	background: none!important;
	list-style: none outside none !important;
}
.nav li ul.sub-menu li a {
	background: none repeat scroll 0 0 transparent !important;
    padding: 0 7px;
}
.nav li ul.sub-menu li a:hover {
	background: #FFF!important;
	border-radius: 3px!important;
}
#sidebar .widget {
	width: 270px;
	padding: 0!important;
	float: right;
}
#sidebar .widget h3 {
	margin-top: 0!important;
}	
#connect p {
	padding: 0 10px;
}
.widget_woodojo_tweets ul li {
	border-bottom: 1px solid #fff!important;
}
#footer-widgets-container .textwidget {
	padding: 0!important;
}
#sidebar .widget_woo_feedback, #sidebar .widget_woodojo_tweets, #sidebar .widget_nav_menu, #sidebar .widget_woo_subscribe {
	background: #e8e8e8!important;
}

.nav li ul {background: #ebebea!Important}
.woo-sc-divider {
	margin-bottom: 0!important;
}
#main h1.title {
	line-height: 36px;
}
.nav {
	margin-left: 0!important;
}
.nav #menu-item-twitter {
	float:right;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
#menu-item-twitter{  }
} 
.nav #menu-item-rss {
	float:right;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
#menu-item-rss { right: -20px; }
}

/* ***************************** END SECONDARY MENU AND HEADING NGOC Sep 12**************************************************** */