/*
[//]: # (Body and font sizes)
*/

body {font-family:"latoregular", 'Arial', 'Helvetica',  'sans-serif'; color:#444; line-height:1.6em; /* todo letter-spacing: em;*/ margin:0; padding:0; }
body>.container {margin: 1px auto;}
#page {padding:0px 0 10px}
#site-title{margin-bottom:10px; margin-left:-3px;}

@media ( max-width:768px ) {
    body {font-size:62%!important}
}
@media ( min-width:768px ) {
    body {font-size:50%!important}
}
@media ( min-width:980px ) {    
    body {font-size: 62.5%!important} /* this is our baseline 62.5% : 1em = 10px, 1.5em = 15px */
}

p, span, a, ol, ul, table, input, div, nav {font-size:1.6em/*=(16px)*/} 

/* [//]: # (force correct size inheritance) */
input, select, th, td {font-size:1em} 

/* [//]: # (normalise nested elements) */
nav ul, p ul, p label, ul label, ul a, p a, a p, a ul, ul span, span span, div div, div p, div a, div ul, div ol, div nav, li li, li p, td p, blockquote p {font-size:1em} 

.search-cat form li:nth-child(2){display:none !important}
.search-cat form li:nth-child(1){    width: 59%;
    margin-right: 0;
    padding-right: 0;}

/*
# Colours

```
    <div class="styleguide-color-box-area">
        <div class="styleguide-color-box">
            <div class="purple styleguide-color"></div>
            <div class="styleguide-color-val">#232F84<br/>R: 35<br/>G: 47<br/>B: 132</div>
        </div>
        <div class="styleguide-color-box">
            <div class="orange styleguide-color"></div>
            <div class="styleguide-color-val">#DB792B<br/>R: 219<br/>G: 121<br/>B: 43</div>
        </div>
        <div class="styleguide-color-box">
            <div class="yellow styleguide-color"></div>
            <div class="styleguide-color-val">#FCB529<br/>R: 252<br/>G: 181<br/>B: 41</div>
        </div>
        <div class="styleguide-color-box">
            <div class="grey styleguide-color"></div>
            <div class="styleguide-color-val">#716F73<br/>R: 113<br/>G: 111<br/>B: 115</div>
        </div>
        <div class="styleguide-color-box">
            <div class="dark-grey styleguide-color"></div>
            <div class="styleguide-color-val">#43454F<br/>R: 67<br/>G: 69<br/>B: 79</div>
        </div>
    </div>
```
*/

.purple {background:#232F84}
.orange {background:#DB792B}
.yellow {background:#FCB529}
.grey {background:#716F73}
.dark-grey {background:#43454F}

/*
# Body copy

This is to match the *Typography example* found in styleguide.psd

If you want to match this up to the psd, please make sure to 'inspect element', and make sure Kalei have not added any extra elements. 

For example, between h3 and p, there is extra space as a break has been added. Please remove to see accurate margins.
 ```
    <h1>Heading 1<br/>eget portti</h1>
    <h2>Heading 2<br/>SODQ`ALES</h2>
    <h3>Heading 3<br/>ipsum</h3>    
    <p>Fusce et<br/>ullamcorper<br/>ultricies<br/>ornare suscipit<br/>nisi mauris<br/>iaculis</p>
    <p>Curabitur<br/>Maecenas<br/>erat</p>
    <p class="sm">Quisque consectetur<br/>ex a urna</p>
```
*/

/*
# Heading Examples
 ```
    <h1>Heading 1</h1>
    <h2>Heading 2</h2>
    <h3>Heading 3</h3>        
```
*/
h1, h2, h3, h4, h5 {margin:0; padding:0}
h1 { font-family:"latolight", 'Arial', 'Helvetica',  'sans-serif'; font-size:3em; /*= (48px / 16px)*/ /*(1em = 48px)*/ line-height:1.3125em; /*= (63px / 48px)*/ margin-bottom:.521em; /*= (25px / 48px)*/ font-weight:normal; color:#DB792B}
h2 { font-family:"latobold", 'Arial', 'Helvetica',  'sans-serif'; font-size:1.375em; /*= (22px / 16px)*/ line-height:1.61em; /*= (42px / 22px)*/ margin-bottom:.728em; /*= (16px / 22px)*/ color:#DB792B; text-transform:uppercase}
h3 { font-family:"latobold", 'Arial', 'Helvetica',  'sans-serif'; font-size:1em; /*= (16px / 16px)*/ line-height:2.3125em; /*= (37px / 16px)*/ margin-bottom:1.375em;/*= (22px / 16px)*/}

/*
# Paragraph text
```
    <p class="fixie"></p>
```
*/
p {margin:0; margin-bottom:1.4125em; /*(37px / 16px )*/ line-height:1.6125em; /*= (37px / 16px)*/}

/*
# Fine Print
```
    <p class="sm fixie"></p>
```
*/
p.sm {font-size:.75em; /*=(12px / 16px)*/ line-height:1.25em; /*=(15px / 12px)*/}

/*
# Unordered List
No Styleguide provided
```
    <ul>
        <li>List item 1</li>
        <li>List item 2</li>
    </ul>
```
# Ordered List
```
    <ol>
        <li>List item 1</li>
        <li>List item 2</li>
    </ol>
```
*/
 
ul, ol {padding:0; margin: 0 0 .6em 0}
ul li, ol li {list-style:outside;}
.ie9 #content ul li, .ie9 #content ol li {list-style:disc outside; overflow:visible; font-family:arial}

@media (max-width:980px ) {
    p {margin-bottom:5%}
    ul {padding-bottom:5%}
}

/*
# Links
```
    <a href="">Link</a>
    <p>Lorem ipsum dolor sit amet, <a href="">consectetur</a> adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
```
*/
.widget_black_studio_tinymce p{margin-bottom:0.8em}
.widget_black_studio_tinymce p:first-child{margin:0; padding:0}
.widget_black_studio_tinymce p:last-child{margin:0; padding:0}
.gridblocks .two.widget_black_studio_tinymce p a{font-size:19px!important; color:#fff; padding-left:0}
.blog-middle-left .two.widget_black_studio_tinymce p a{font-size:19px!important; padding-left:0}
.widget_black_studio_tinymce p a{font-size:15px!important; font-family:"latolight", 'Arial', 'Helvetica', 'sans-serif'}
.gridblocks .two.widget_black_studio_tinymce p:last-child a{font-size:13px!important; padding-left:20px; font-family:"latoblack", 'Arial', 'Helvetica', 'sans-serif'}
.gridblocks.blog-middle-left .two.widget_black_studio_tinymce p:last-child a{font-size:13px!important; padding-left:0px; font-family:"latoblack", 'Arial', 'Helvetica', 'sans-serif'}
.widget_black_studio_tinymce p:last-child a{font-size:13px!important; font-family:"latoblack", 'Arial', 'Helvetica', 'sans-serif'}

a {font-family:"latoregular", 'Arial', 'Helvetica',  'sans-serif'; text-decoration:none; cursor:pointer; display:inline-block; color:#DB792B}
a:hover {color:#DB792B}
.last{border:0!important}
.single #content ul li{margin:0 0 10px 20px}

.page-template-basic-page #content table{width:100%; height:auto!important}
.page-template-basic-page #content table tr td{vertical-align:top; padding:5px; font-size:0.6444em; border-top:0!important; line-height:177%}
.page-template-basic-page #content table tr td:first-child{vertical-align:top; padding:5px 0px 5px 0!important; width:55px}

header hgroup{display:inline-block; float:left}
header .subnav{display:inline-block; float:right}
header {padding:1em 0 0; background:#43464f; clear:both}
header.page-header{background:none}
header .header{margin:0 auto}
header .header .container{padding:0; margin:0 0 0 20px}
#branding hgroup, 
#header-image, 
.entry-content{margin-bottom:0}

@media (max-width: 980px){
	header#branding{position:fixed;  top:0; left:0; z-index:999999;  width:100%; height:50px}
	body{margin-top:87px;}
	header hgroup a img{width:100px;}
	#site-title{margin-bottom:0; margin-left:11px; margin-top:-5px}
	.menu-main-menu-container{overflow:auto; -webkit-overflow-scrolling: touch; height:90%}
	

}
@media (max-width: 768px){
	body{margin-top:62px;}
}

@media (min-width: 768px){
	header .header .container{margin:0 0 0 30px}
	header .header{margin:0 auto; width:724px}
}
@media (min-width: 980px){
	header .header{width:940px}
}
@media (min-width: 1200px){
	header .header{width:100%; max-width:1170px;}
}

#page-footer {border-top:3px solid #434751; margin:20px 0; clear:both}
#page-footer .subnav{float:left}
#access{float:right; margin-top:4px; margin-left:0}

#secondary{margin-right:-30px!important}
#author-info, article.post, article.page{margin-bottom:20px}
.single-format-standard  #content  ul li,
.page-template-default  #content  ul li,
.page-template-basic-page #content .entry-content ul li{padding:0 0 12px; padding-bottom:12px; margin-left:20px; list-style:outside}

@media (max-width: 980px){
	.nav-collapse{display:none!important}
	.nav-collapse.show{height:100%!important; display:block!important; top:2px; padding-bottom:20px;}
	.navbar.navbar-show .container{height:100%!important}
	#access{float:right; margin-top:0; position:absolute; z-index:88; right:0; width:100%; top:60px; height:auto}
	

.navbar .container {height:auto}

}

/*
[//]: # (Layout Overrides)
[//]: # (****************)
*/

/*
[//]: # (Page Structure)
[//]: # (**************)
*/

.wrapper{overflow:hidden}
#Home .page-header{display:none}
#Home .page{display:none}
.home #Home article{display:none}

main {margin-top:1em}
.expandable{margin-left:0; padding:10px 0!important; width:100%; max-width:1170px; float:left}
.headertop{display:none; background:#5d616c!important; color:#fff; padding:0!important}

.no-landing .blog-landing-page{display:none}
.page-template-basic-page #Banner img.top-banner{padding-bottom:60px!important}
.page-template-basic-page .page-header{border:0; margin:-7px 0 0}
.page-header h1,
.page-template-basic-page h1{font-family:"latobold", 'Arial', 'Helvetica',  'sans-serif'; text-transform:none; color:#DB792B}
.page-template-basic-page h2{text-transform:none}
.page-template-media-kit h4,
.page-template-basic-page h4{border-bottom:1px solid #ccc; padding-bottom:25px; margin-bottom:20px; line-height:155%; font-size:1.4em}
.page-template-media-kit  .video-featured{margin-bottom:40px}
.page-parent.page-child.page-template-basic-page  .breadcrumb,
.page-template-conservation-calculator .breadcrumb,
.page-template-gas-electric .breadcrumb,
.page-template-default .breadcrumb,
.page-template-energy-calculator .breadcrumb,
.page-template-basic-page .breadcrumb{margin-bottom:60px}
.page-parent .breadcrumb{display:block; margin-bottom:0}


@media (max-width: 980px){
	h1{font-size:2em; line-height:1.3em}
	.page-template-basic-page #Banner img.top-banner {padding-bottom: 30px!important;}
	.page-parent.page-child.page-template-basic-page  .breadcrumb,
	.page-template-conservation-calculator .breadcrumb,
	.page-template-gas-electric .breadcrumb,
	.page-template-default .breadcrumb,
	.page-template-energy-calculator .breadcrumb,
	.page-template-basic-page .breadcrumb{margin-bottom:30px}

}
.footer {background:#f3f3f3}
.footer #colophon{margin-left:0}
.home .footer #colophon{margin-left:0}
footer .subnav{width:auto; float:right}
footer p{font-family:"latomedium", 'Arial', 'Helvetica',  'sans-serif'; padding-top:1px; color:#54555a; float:left}
footer p a{font-family:"latomedium", 'Arial', 'Helvetica',  'sans-serif'}
footer #site-generator{font-style:normal}
footer #menu-footer {padding:19px 0}
footer #menu-footer li{width:auto; float:left; list-style:none; padding:0 10px 0 0; margin-right:10px; border-right:1px solid #888; line-height:100%}
footer #menu-footer li:last-child{border:0}
footer #menu-footer li a{font-family:"latomedium", 'Arial', 'Helvetica',  'sans-serif'; color:#54555a}
footer #menu-footer li a:hover{color:#DB792B}

@media (min-width: 768px){
	footer p{padding-top:15px;}
}
@media (min-width: 980px){
	body.home header .header .container{margin:0 0 0 30px}
}
@media (max-width: 768px){
	.home .footer #colophon{margin-left:10px}
	footer .subnav{text-align: center;
    width: 100%;}
	footer #menu-footer{    margin: 0 auto;
    float: none;
    width: 100%;}
	footer #menu-footer li{margin-bottom:6px; float:none; display:inline-block}
	#site-generator p{width:100%; text-align:center}
}

/*
[//]: # (Navigation)
[//]: # (**********)
[ajaxFilter post_type="topics-in-focus" taxonomies="topics-in-focus, location, price, size" filter_position="horizontal" filter_type="select"]
[catlist name=topics-in-focus numberposts=4 pagination=yes instance=4 currenttags=yes excerpt=yes thumbnail=yes]
[archivist category="topics-in-focus" template="News" pagination_type="simple"]
[//]: # (Main Navigation - First Level)
*/

nav.main-nav ul li {list-style:none; padding:.4em}
nav.main-nav ul li:first-child,
nav.main-nav ul > li {padding-left:0}
.navbar{height:auto}
.navbar .nav>li{list-style:none}
.navbar .nav>li#menu-item-5726{display:none}
.navbar .nav>li:first-child{display:none}
.navbar .nav{float:right; margin:0; border-top:1px solid #cacdcd; padding-top:0}
.navbar .nav  li.tour{padding-top:0}
.navbar .nav  li.tour a{padding:9px 21px 9.888px}
nav.main-nav ul li a {padding:.4em}
.navbar .nav>li>a:focus, .navbar .nav li.dropdown.openn>.dropdown-toggle, .navbar .nav li.dropdown.active>.dropdown-toggle, .navbar .nav li.dropdown.openn.active>.dropdown-toggle{color:#feba3b; background:none}
.navbar .nav>li>a {color:#ddd; text-shadow:0 0 0; text-transform:uppercase; font-size:0.8em; padding:11px 12px 8px; font-family:"latomedium", 'Arial', 'Helvetica',  'sans-serif'}
.navbar .nav>li>a:hover{color:#feba3b}
.dropdown-menu li>a{padding:6px 16px 6px 20px; margin:1px 0 0; font-family:"latomedium", 'Arial', 'Helvetica',  'sans-serif'; color:#ddd; font-size:0.8em; text-transform:uppercase; border-right:1px solid #666; border-left:1px solid #666}
.dropdown-menu li>a:hover{background:#feba3b}
.dropdown-menu .active>a, .dropdown-menu .active>a:hover,
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a{background:#feba3b}
.dropdown-menu li{list-style:none}
.employee:hover .caret,
.navbar .nav li.dropdown.openn>.dropdown-toggle .caret, .navbar .nav li.dropdown:hover>.dropdown-toggle .caret,
.navbar .nav li.dropdown.active>.dropdown-toggle .caret, .navbar .nav li.dropdown.openn.active>.dropdown-toggle .caret{border-top-color:#feba3b; border-bottom-color:#feba3b; opacity:1}
.caret{border-top-color:#b6bbbc; border-bottom-color:#b6bbbc; opacity:1}
.navbar .nav li.dropdown>.dropdown-toggle .caret {border-top-color:#ddd; border-bottom-color:#ddd; opacity:1}
.employee .caret{top:11px; position:relative; right:12px}
.dropdown-submenu>a:after,
.dropdown-submenu>.dropdown-menu{display:none!important}

/*
[//]: # (Main Navigation - Second Level)
*/
nav.main-nav ul ul {display:none; position:absolute; background-color:#D5DCED; z-index:2; width:8em}

/*
[//]: # (Main Navigation - Third Level)
*/
nav.main-nav ul ul ul {position:relative}

/*
[//]: # (Main Navigation - Hamburger)
*/
nav.main-nav .hamburger {float:right; margin-right:0}
nav.main-nav .hamburger img {width:56%; max-width:44px}
.nav-collapse{float:right; width:100%}

@media (min-width: 768px) {
	.nav-collapse{float:right; width:100%}
	 nav.main-nav ul {display:block}
     nav.main-nav ul li {float:left; list-style:none}
	.navbar .nav>li>a {padding:11px 20px 8px}
     nav.main-nav .hamburger {display:none}         
	.navbar .nav>.tour>a, .navbar .nav>.tour>a:focus{background-color:#E9EBF2}
	.navbar .nav>.active>a{color: #feba3b!important; box-shadow:inset 0 0 0}
	
	.dropdown-menu {background-color:#5d616c!important; border:0!important; -webkit-border-radius:0!important; -moz-border-radius:0!important; border-radius:0!important; box-shadow:0 0 0!important; min-width:100%; margin:0!important}
	.navbar .nav>li>.dropdown-menu:before,
	.navbar .nav>li>.dropdown-menu:after{border:0!important}
	.menu-main-menu-container{float:right; width:100%}
}

@media (min-width: 980px){
	.navbar .btn-navbar {display:none}
	.navbar .nav>li>a {padding:11px 9px 8px; font-size:0.7em}
	.navbar .nav>.tour>a,  .navbar .nav>.tour>a:focus {background-color:#E9EBF2!important; color:#43464f!important}	
	.navbar .nav>.active>a{color: #feba3b!important; background-color:/*#5d616c*/ #43464f!important; box-shadow:inset 0 0 0}
	.navbar .nav li.dropdown.open>.dropdown-toggle, .navbar .nav li.dropdown.open.active>.dropdown-toggle,
	.navbar .nav>.active>a:hover, .navbar .nav>li>a:hover, .navbar .nav>li:hover>a, .navbar .nav>.active>a:focus {color: #feba3b!important; background-color:#5d616c!important; box-shadow:inset 0 0 0}
}
@media (min-width: 1200px){
	.navbar .nav>li>a {padding:11px 20px 8px; font-size:0.82555em}
}

.navbar .btn-navbar:hover,
.navbar .btn-navbar{background:none; box-shadow:0 0 0; text-shadow:0 0 0; border:0; border-radius:0; top:-6px; position:absolute; right:0}
.navbar .btn-show.btn-show img{display:block; width:65%; margin: 0 0 0 5px}
.navbar .btn-navbar img,
.navbar .btn-navbar.btn-show .icon-bar{display:none}
.m_menu{display:none}

@media (max-width: 768px){
		.m_menu{position:fixed; z-index:99999; top:0; width:100%; background: #43464f; padding:10px 0; display:block}
		.navbar .btn-navbar:hover, .navbar .btn-navbar{top:6px;}
		header .container{margin-left:0!important}
}

.subnav{width:740px; float:right; display:none}
footer .subnav{display:block}
#menu-top-right-menu{width:auto; float:left; margin-bottom:0}
#menu-top-right-menu li{width:auto; float:left; list-style:none; position:relative}
#menu-top-right-menu li .sub-menu{display:none}
#menu-top-right-menu li.over .sub-menu{ position:absolute; top:25px; left:0; z-index:888; width:130%; padding-bottom:0px; display:block}
#menu-top-right-menu li.employee.over{background-color:#5d616c}
#menu-top-right-menu li.over .sub-menu li {background-color:#5d616c; width:100%; overflow:hidden}
#menu-top-right-menu li.over .sub-menu li:last-child{padding-bottom:14px;}
#menu-top-right-menu li.over .sub-menu li:hover{background-image:none}
#menu-top-right-menu  li > a.active{background:#5d616c; color:#FCB529; padding-top:22px; margin-top:-20px}
#menu-top-right-menu li > a{width:auto; float:left; background:none; font-family:"latolight", 'Arial', 'Helvetica',  'sans-serif'; font-size:0.9em; padding:3px 19px 14px; margin-bottom:-1px; color:#c1c3c4}
#menu-top-right-menu li ul li > a{color:#dadcdc}
#menu-top-right-menu li.over ul li a{padding:4px 19px;}
#menu-top-right-menu li.over ul li a:hover{background-image:none}
#menu-top-right-menu li > a:hover{color:#feba3b; text-decoration:none;}
#menu-main-menu li.tour a{color:#FCB529}
#menu-top-right-menu li.employee.employee-show{background-color:#5d616c}
#menu-top-right-menu li.employee-show .sub-menu{display:block}
	#menu-top-right-menu li > .caret,
    #menu-main-menu li  > .caret{display:none}
	
#menu-item-250  .caret:last-child{display:block!important; float:right}	
.dropdown-menu li .caret,
#menu-item-248  .caret,
#menu-item-249  .caret{display:none}

@media (min-width: 980px){
	#menu-top-right-menu li .sub-menu{display:none}
	#menu-top-right-menu li.over .sub-menu{display:block;}
}

@media (max-width: 980px) {
	.navbar .nav>.active>a:hover, .navbar .nav>li>a:hover, .navbar .nav>li:hover>a, .navbar .nav>.active>a:focus {color: #feba3b!important; background-color:#43464f!important; box-shadow:inset 0 0 0}
	#menu-top-right-menu li.employee.employee-show{background-color:#5d616c}
	.open>.dropdown-menu{display:none}
	.opennn>.dropdown-menu,
	#menu-top-right-menu li.opennn .sub-menu,
	#menu-top-right-menu li.opennn .headertop,
	.nav-collapse .opennn>.dropdown-menu {display: block;}
	.dropdown-menu li .caret{display:none}
	.close {display: none!important;}	
	#menu-top-right-menu li .sub-menu{display:none}
	#menu-top-right-menu li.over .sub-menu{display:none;}
	#menu-top-right-menu li.employee-show .sub-menu{display:block}
	#menu-item-249 .caret,
	#menu-item-252 .caret{display:none!important}
	#menu-top-right-menu li.over .sub-menu{width:100%}
	.navbar .nav>.active>a {color: #feba3b!important; box-shadow:inset 0 0 0}
	.nav-collapse.show{background:#43464f}
	.navbar .btn-navbar{margin-top:-50px; height:auto}

	.btn-navbar .icon-bar+.icon-bar{margin-top:8px}
	.navbar .btn-navbar .icon-bar{width:23px; height:1px}
	#menu-main-menu{width:100%; float:left; margin:0; padding-bottom:0}
	#menu-top-right-menu{width:100%; float:left; margin:0; padding-bottom:118px}
    #menu-main-menu li a:hover,
	#menu-top-right-menu li > a,
    #menu-main-menu li a{background:#43464f; border-radius:0; margin:0; padding:19px 20px; font-family:"latolight", 'Arial', 'Helvetica',  'sans-serif'; border-bottom:1px solid #999; color:#fff; text-transform:uppercase; font-size:1em; text-align:left}
	/*#menu-main-menu li > a{background:url("/wp-content/themes/bruce-power/img/plus.jpg") no-repeat 92% 23px}	*/
	#menu-main-menu > li ul li.active > a{color:#fff; font-family:"latoblack", 'Arial', 'Helvetica',  'sans-serif'}
	#menu-top-right-menu  li.more-bruce-power.over > a,
	#menu-main-menu li.open > a,
	#menu-main-menu li.opennn > a:hover,	
	#menu-top-right-menu li.opennn > a,		
	#menu-top-right-menu li.opennn > a:hover,			
	#menu-main-menu li.opennn > a{background:#5f6271!important}

	#menu-main-menu li.active > a{color:#DB792B}
	
	#menu-top-right-menu > li .caret,
    #menu-main-menu li .caret{background:#43464f url("/wp-content/themes/bruce-power/img/plus.jpg") no-repeat center 15px; width:44px; height:45px; position:absolute; right:12px; top:1px; border:0; z-index:9999; margin:8px 0 0 2px}	
    #menu-top-right-menu li.active.opennn .caret,	
    #menu-top-right-menu li.opennn .caret,
    #menu-main-menu li.opennn .caret{background:#5f6271 url("/wp-content/themes/bruce-power/img/minus.jpg") no-repeat center 15px;	}	


	#menu-item-249 .caret{display:none}
	
	#menu-top-right-menu li > .caret,
    #menu-main-menu li  > .caret{display:block}

	#menu-top-right-menu > li > a .caret,
    #menu-main-menu > li > a .caret{display:none}
	
	#menu-top-right-menu li a:hover{color:#fff}
	#menu-main-menu li li a:hover,
	#menu-top-right-menu li li a,
	#menu-top-right-menu li ul.sub-menu li a,
	#menu-main-menu li li a{background:#787a86; font-size:0.9em; padding:16px 0px}
	.headertop{background:#787a86!important; padding-top:22px!important;}
	#menu-top-right-menu li li li a,
	#menu-main-menu li li li a{background:#878991; font-size:0.7em; padding:12px 20px}
	#menu-main-menu li .dropdown-menu{width:100%; margin-left:0}
	#menu-main-menu li .dropdown-menu li a{text-indent:20px;}	
	#menu-main-menu li.tour{padding-top:0}
	.navbar .nav>li>a:hover, .navbar .nav>li.active>a, .navbar .nav>li.active>a:hover,
	#menu-top-right-menu li a{clear:both; text-shadow:0 0 0; /*background:url("/wp-content/themes/bruce-power/img/plus.jpg") no-repeat 92% 23px*/}	
	#menu-top-right-menu li > a.active{padding-top:20px; margin-top:0; background:url("/wp-content/themes/bruce-power/img/minus.jpg") no-repeat 92% 23px}
	#menu-top-right-menu li.more-bruce-power{border-bottom: 1px solid #999}
	#menu-top-right-menu li.more-bruce-power > a{border-bottom:0; }
	#menu-top-right-menu  li.more-bruce-power > a.active{background:url("/wp-content/themes/bruce-power/img/minus.jpg") no-repeat 92% 23px; color:#fff}
	#menu-top-right-menu li.employee > a{border-bottom:0;}
	#menu-top-right-menu  li.employee.over > a{color:#fff}
	#menu-top-right-menu li.employee-show .sub-menu,
	#menu-top-right-menu li.over .sub-menu{position:relative; top:-1px; left:0; z-index:888; width:100%; clear:both; float:left}
	#menu-top-right-menu li{width:100%; float:left; overflow:hidden}
	#menu-main-menu li.menu-item-252 a:hover,
	#menu-top-right-menu li.menu-item-249 a:hover,
	#menu-main-menu li.menu-item-252 a,
	#menu-top-right-menu li.menu-item-249 a{background-image:none!important}

	#menu-top-right-menu li.over ul li a.active{background:none!important}	
	#menu-top-right-menu li > a{display:block; display:block; /* clear: both; */ width:100%; padding:19px 0; text-indent: 20px}

	
	.expandable .span-adjust{border:0}
	.expandable .span-adjust .box h3{line-height:120%}
	.expandable a.close{display:none}
	.headertop .expandable .span-adjust:nth-child(2) .box{border-top:1px solid #999; border-bottom:1px solid #999; padding:40px 0 30px; Margin:10px auto}
	.headertop .container{width:100%; margin:0!important}
	.headertop .expandable,
	.headertop .expandable .span-adjust{width:100%; margin:0}
	.expandable .span-adjust:first-child .box,
	.headertop .expandable .span-adjust .box{width:92%!important; padding-right:0!important; padding-left:20px;}
	.nav-collapse .navbar-form, .nav-collapse .navbar-search{background:#43464f; margin:0; border:0; box-shadow:0 0 0}
	
	#menu-top-right-menu  li.more-bruce-power > a.active{background:#5f6271 url("/wp-content/themes/bruce-power/img/minus.jpg") no-repeat 92% 23px!important;}
	#menu-top-right-menu  li.employee.employee-show > a{background: url("/wp-content/themes/bruce-power/img/minus.jpg") no-repeat 92% 23px}
}
@media (min-width: 540px) {
	#menu-top-right-menu li.more-bruce-power > a{/*background: url("/wp-content/themes/bruce-power/img/plus.jpg") no-repeat 92% 23px*/}
	#menu-top-right-menu  li.more-bruce-power > a.active{}

}

@media (min-width: 980px) {
	#menu-top-right-menu li.more-bruce-power > a,
	#menu-top-right-menu li.employee > a,
	#menu-top-right-menu  li.employee.over > a{background:none}
	#menu-top-right-menu  li.more-bruce-power > a.active{background:#5d616c}
	.subnav{display:block; width:65%; float:right}
	.subnav{max-width:820px; float:right; display:block}
	.dropdown:hover > .dropdown-menu {display:block!important; margin-top:0}
}

.widget-area h2 {font-size:1.7em; line-height:1.91em; margin-bottom:.328em; color:#444; text-transform:none}
.widget-area h2 a{color:#444; text-transform:none}

.well{background:none; min-height:20px; padding:10px 19px 18px; margin-bottom:20px}

.gridblocks .read-more{background:url("/wp-content/themes/bruce-power/img/right-arrow.png") no-repeat right 4px; padding-right:10px!important}
.read-more{background:url("/wp-content/themes/bruce-power/img/right-arrow-o.png") no-repeat right 6px; font-family:"latoblack", 'Arial', 'Helvetica',  'sans-serif'; width:auto!important; text-transform:uppercase!important; padding-right:10px!important; font-size:0.8em!important;}
.tiles{width:100%; float:left; background:#f3f3f3; padding:30px 0}
.blog-featured {padding:0; margin-bottom:32px}


/*
# Blog Landing Left section
 ```
 <div class="row-fluid">
<div class="span3 gridblocks featured-colmn blog-middle-left">	
<aside id="black-studio-tinymce-23" class="widget widget_black_studio_tinymce one">
<div class="textwidget">

	<!--- Html Copy paste from here -->
	<span class="date">August 20, 2015</span>
	<div style="clear:both;"></div>
	<a class="thumbimage" href="/news-and-media-blog/safety-environment/bruce-power-receives-best-ever-annual-safety-report-card-from-canadian-nuclear-safety-commission/">
	<img width="300" height="225" src="/wp-content/uploads/2015/09/no-mage-1024x7681.jpg" class="attachment-medium wp-post-image" title="Default image" alt="Default image">
	</a>
	<h3><a href="/news-and-media-blog/safety-environment/bruce-power-receives-best-ever-annual-safety-report-card-from-canadian-nuclear-safety-commission/" title="Go to">
	Bruce Power receives best ever annual safety report card fro...	</a></h3>
	<p>TIVERTON, ON – Aug. 20, 2015 – Bruce Power has received the highest marks in its 14-year history...</p>
	<a href="/news-and-media-blog/safety-environment/bruce-power-receives-best-ever-annual-safety-report-card-from-canadian-nuclear-safety-commission/" title="Go to" class="read-more">Read More</a>
	<!--- Html Copy paste from here end -->

</div>
</aside>
<aside id="black-studio-tinymce-13" class="widget widget_black_studio_tinymce two">

	<!--- Html Copy paste from here -->
	<div class="textwidget">
	<img src="/wp-content/uploads/2015/09/twitter.png" alt="twitter" width="28" height="22" class="alignnone size-full wp-image-283">
	<p>Lorem ipsum dolor sit amet, sea aliquando expetendis ad, eos te mazim tamquam, ei vis nibh mandamus interesset. At discere ullamcorper.</p>
	<a href="/topics-in-focus/hello-world/" title="Go to" class="read-more">VIEW TWITTER FEED</a>
	</div>
	<!--- Html Copy paste from here end -->

</aside>					
</div>
</div>
```
*/

.featured{background:#fafafa; padding:50px 0 10px}
.gridblocks{width:100%;}
.gridblocks h3{text-transform:none}
.gridblocks aside{width:100%; float:left; margin:0 0 2em; padding:0 0 20px; height:auto; background:white; position:relative}
.gridblocks .span-adjust .box{width:100%; float:none; margin:0 auto; height:100%}
.gridblocks .span-adjust a img{width:88%; float:none; border-bottom:0; margin:14px 0 0 20px}
.gridblocks .thumbimage{width:100%}
.gridblocks  span.date{padding-left:20px; padding-top:20px; float:left; text-transform:uppercase; font-size:0.8em; font-family:"latoregular", 'Arial', 'Helvetica',  'sans-serif'}
.gridblocks  .span-adjust h3 a{font-family:"latobold", 'Arial', 'Helvetica',  'sans-serif'; color:#fff; opacity:1; font-size:0.9em; line-height:110%; width:98%}
.gridblocks  span,
.gridblocks  p,
.gridblocks h3,
.gridblocks .read-more{padding:0 0 0 20px; color:#fff}
.gridblocks h3{font-size:1.6em; line-height:120%; font-weight:normal; padding-top:13px; padding-right:15px}
.gridblocks  p{padding:12px 20px; float:left;}
.gridblocks .span-adjust .box .date .cat-links{display:none}
.gridblocks .two {background:url("/wp-content/themes/bruce-power/img/first_tile.jpg") repeat 0 0}
.gridblocks .two p{font-family:"latolight", 'Arial', 'Helvetica',  'sans-serif'}
.gridblocks .one{background:url("/wp-content/themes/bruce-power/img/two_tile.jpg") repeat 0 0}
.gridblocks .three{background:url("/wp-content/themes/bruce-power/img/three_tile.jpg") repeat 0 0}
.gridblocks .four{/*background:url("/wp-content/themes/bruce-power/img/four_tile.jpg") repeat 0 0;*/ margin-right:0}

.gridblocks .two .box .three,
.gridblocks .two .box .four{display:none!important}
.gridblocks .textwidget{padding:20px; color:#fff}
.gridblocks .textwidget p{color:#fff; font-size:1.5em; line-height:1.5em; padding:0}
.gridblocks .textwidget img{width:auto; margin-bottom:10px}
.gridblocks .textwidget a{float:left; padding-left:0}
.home .container{margin-left:-8px}
.home #HomeBottom .container{margin-left:auto}

.gridblocks.blog-middle-left .textwidget{padding:20px; color:#fff; float:left}
.gridblocks.blog-middle-left .one .textwidget p{font-size:0.9em; padding-top:10px}
.gridblocks.blog-middle-left .textwidget span,
.gridblocks.blog-middle-left .textwidget a,
.gridblocks.blog-middle-left .textwidget h3
{padding:0px; color:#fff}


@media (max-width: 768px) {
	.gridblocks .four .textwidget a{float:none}
	.gridblocks .four .textwidget a img{margin:0 auto!important; float:none}
		.gridblocks .four img{width:99%}
}
@media (min-width: 540px) {
	.gridblocks .span-adjust a img{width:92%}
}
@media (min-width: 768px) {
	.gridblocks{width:100%;  display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:flex}
    .gridblocks aside{width:24.1222%;  margin-left:0; margin-right:10px; padding:0}
	.gridblocks .span-adjust a img{height:112px; width:81%; float:none; border:0; margin:14px 0 0px 20px; box-shadow:0 0 1px #ddd}
	.gridblocks .span-adjust .below img{border-bottom:0}
	.gridblocks .read-more{position:absolute; bottom:2px; z-index:9; left:2px; text-transform:uppercase; font-size:0.7em}
	.home .gridblocks .read-more{bottom:16px}
	.gridblocks .four img{width:auto}
	.gridblocks .textwidget a{padding-left:20px}
	.gridblocks .four .textwidget a{padding-left:0px}
	.gridblocks .four .textwidget,
	.gridblocks .four .textwidget a img{padding:0px; margin:0}
	.tiles .container{margin-left:auto}
	.search-cat .container{margin-left:auto}
	.home .footer .container{padding-left:0px; margin-left:auto}
	.home .container{padding-left:0px; margin-left:auto;}
}
@media (min-width: 1025px) {
		.home .container{padding-left:0px; margin-left:auto; /*width:100%; max-width:1170px;*/}
	}

@media (min-width: 980px) {
	.gridblocks{width:100%}
	.gridblocks aside{width:24.1222%}
	.gridblocks .span-adjust a img{height:140px; width:84%;}
}

 /*
# Blog Landing Right Section
 ```
 <div class="row-fluid">
<section id="secondary" class="widget-area span3" role="complementary">
<aside id="gksm-custom-menu-widget-2" class="widget well gksm-custom-menu-widget"><h2 class="widget-title">About Us</h2><div class="submenu-widget submenu-widget-history"><ul id="menu-main-menu-1" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29"><a href="http://brucepower.beta.moveable.ca/about-us/executive-team/">Executive Team</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-129"><a href="http://brucepower.beta.moveable.ca/about-us/board-of-directors/">Board of Directors</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-136"><a href="http://brucepower.beta.moveable.ca/about-us/partners/">Partners</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-130"><a href="http://brucepower.beta.moveable.ca/about-us/business-opportunities/">Business Opportunities</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-79 current_page_item menu-item-135 active"><a href="http://brucepower.beta.moveable.ca/about-us/history/">History</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-137"><a href="http://brucepower.beta.moveable.ca/about-us/research-innovation/">Research &amp; Innovation</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3470"><a href="http://brucepower.beta.moveable.ca/about-us/visit-ustake-a-tour/">Visit Us/Take a Tour</a></li>
</ul></div></aside></section>

<div class="span3 featured-colmn blog-middle-right">	
<aside id="black-studio-tinymce-14" class="widget widget_black_studio_tinymce">
<div class="textwidget">

	<!-- Copy Html start here -->
	<div class="span-adjust last">
	<div class="box">
	<iframe src="https://www.youtube.com/embed/5wAI3Fbw-QI?wmode=transparent" width="79%" height="170" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
	<div style="clear:both;"></div>
	<h3><a>Our Values</a></h3>
	<p>Meet Our People at Bruce power Meet Our People at Bruce power Meet Our People at Bruce power</p>
	<a href="/news-and-media/videos/" title="Go to" class="read-more">More Videos</a>
	</div>
	</div>
	<!-- Copy Html end here -->

</div>
</aside>
</div>
</div>
```
*/
.widget-area aside{background:#f3f3f3; border:0; border-radius:0; box-shadow:0 0 0}
.widget-area aside .widget-title{background:#43464f; width:100%; color:#fff; font-size:0.9em; margin:10px 0 8px -20px; padding:6px 20px; text-transform:uppercase}
.widget-area aside.widget_black_studio_tinymce p{line-height:190%}
.widget-area aside.widget_black_studio_tinymce p span{font-size:1em; width:60px; float:left}
.widget-area aside.widget_black_studio_tinymce .textwidget p.office{border-bottom:1px solid #ccc; padding-bottom:18px}
.widget-area aside.widget_black_studio_tinymce .textwidget p a{color:#5d616c; font-family:"latoregular", 'Arial', 'Helvetica',  'sans-serif'; text-decoration:underline}

.widget-area aside > ul{padding:0 20px 12px}
.widget-area aside ul > li{ list-style:none; border-bottom:1px solid #dadada}
.widget-area aside ul > li:last-child{border-bottom:0}
.widget-area aside ul > li ul li{padding:1px 0 0 20px; list-style:none; border-bottom:0}

.widget-area aside ul > li ul li a{font-size:0.8em}
.widget-area aside ul li a{padding:18px 6px 18px 0; display:block; color:#5d616c; font-family:"latoregular", 'Arial', 'Helvetica',  'sans-serif'; -moz-transition-duration:0.4s; -webkit-transition-duration:0.4s; -o-transition-duration:0.4s; transition-duration:0.4s}
.widget-area aside ul li a:hover{color:#fff; text-decoration:none; background:#5d616c; padding-left:6px}
.widget-area aside ul li.related_links a .icons-links{background:url("/wp-content/themes/bruce-power/img/link_icon.png") no-repeat  center bottom; width:21px; height:19px; float:left; margin:0 8px 17px 0}

.widget-area aside ul > li ul li a{padding:10px 0;}
.wp-caption a span{font-size:14px; color:#818183;}
.wp-caption{font-size:14px; width:100%; float:left; border-bottom:1px solid #dadada; padding:0 0 10px; margin:0 0 10px}
.wp-caption .wp-caption-text{padding:0; margin:0; text-align:left}

 /*
# Related Resources
 ```
<section id="secondary" class="widget-area span3" role="complementary">
	<aside id="gksm-custom-menu-widget-2" class="widget well gksm-custom-menu-widget">
	<h2 class="widget-title">Related Resources</h2>
    <ul class="attachment">
      <li>
		  <a href="#" >
			<img src="http://brucepower.beta.moveable.ca/wp-includes/images/media/document.png" width="48" height="64" alt="">	  2011-S99-Reports<br>  
		  </a>
      </li>
     </ul>	
	 </aside>
</section>
```
*/
.gksm-custom-menu-widget .attachment{margin:0; padding:0}
.gksm-custom-menu-widget .attachment img{width:21px; height:29px; margin:0 7px 12px 0; padding:0}
.gksm-custom-menu-widget .attachment li{ margin:0; padding:0; border:0}
.gksm-custom-menu-widget .attachment li p{margin:0}
.gksm-custom-menu-widget .attachment li a span{display:inline-block; width:86%}
.gksm-custom-menu-widget .attachment li a{display:block; border-bottom:1px solid #dadada}
.gksm-custom-menu-widget .attachment li a span{font-size:1em; line-height:130%}
.gksm-custom-menu-widget .attachment li a:hover span{color:#ddd}

.page-template-media-kit .gksm-custom-menu-widget{display:none}

.pfc-widget{margin-bottom:18px}
.span-adjust{margin-bottom:8px}
.span-adjust h3{margin-bottom:2px}
.span-adjust h3 a{font-family:"latolight", 'Arial', 'Helvetica',  'sans-serif'}
.span-adjust p{margin:0 1% 1.7em 0; font-size:0.9555em}
.span-adjust a img{width:100%; float:left}

img{width:100%; float:left; padding:0!important}
img.alignleft{width:auto; margin:0 20px 20px 0!important}
img.alignright{width:auto; margin:0 0 20px 20px!important}

img.aligncenter {width:auto; float:none; display:block; margin:0 auto 20px!important}

 /*
# Static Banner
 ```
<section id="Banner">
	<div class="banner-inner">
	<img src="http://brucepower.beta.moveable.ca/wp-content/uploads/2015/08/mainslide-4.jpg" alt="Banner">
	<div class="container banner-outer">
	<div class="content-banner">
	
	<!---- Banner HTML Start Here --->
		<h1>Lorem Ipsum is simply dummy<br> text of the printing and typesetting</h1><a>LEARN MORE</a>
	<!---- Banner HTML Start Here --->
		
	</div>
	</div>
	</div>
</section>
```
*/
#Banner{margin:0 -10px; width:110%; clear:both; display:block; position:relative}
#Banner img{width:100%; margin:0 -10px; min-height:180px; /*max-height:640px*/}
#Banner .banner-outer{position:relative}
#Banner .content-banner{position:absolute; top:40px; left:26px; width:80%; text-align:center}
#Banner .content-banner h1{color:#43464f; font-family:"latoblack", 'Arial', 'Helvetica',  'sans-serif'; font-size:1em; line-height:120%; border-bottom:1px solid #43464f; text-align:left; padding-bottom:7px;}
#Banner .content-banner h1 span{font-size:1em}
#Banner .content-banner h1 br{display:none}
#Banner .content-banner a{color:#43464f; font-family:"latoblack", 'Arial', 'Helvetica',  'sans-serif'; font-size:0.8em; margin:0 auto}
#Banner .content-banner a span{font-size:1em}

@media (min-width: 540px) {
	#Banner .content-banner{width:60%}
	#Banner .content-banner h1{font-size:1.2em}
	#Banner .content-banner h1 br{display:block}
}
@media (min-width: 767px) {
		#Banner .content-banner h1{font-size:2em;}
		#Banner .content-banner { width: 75%;}
}
@media (min-width: 769px) {
	#Banner{width:100%; margin:0 auto}
	#Banner img{width:100%; margin:0}
	#Banner .content-banner{top:35%; width:60%}
	#Banner .content-banner h1{font-size:2.2em; line-height:120%; padding-bottom:10px}
	#Banner .content-banner a{font-size:1.2em}
}
@media (min-width: 992px) {
	#Banner .content-banner{width:50%}
}
@media (max-width: 768px) {
	#Banner .content-banner a {padding:0px 34px 0 10px; font-size:14px; text-transform:uppercase; font-family:"latoblack", 'Arial', 'Helvetica', 'sans-serif'; color:#333; background:#fff url("/wp-content/themes/bruce-power/img/arrow_vb.gif") no-repeat right center; text-decoration:none}
	#Banner .content-banner a:hover{color:#fcb529; background:#fff url("/wp-content/themes/bruce-power/img/arrow_v.gif") no-repeat right center}
}
/*
# Energy Calculator
 ```
<section id="energyCalculator" class="span12" role="complementary">
<aside id="black-studio-tinymce-7" class="widget widget_black_studio_tinymce">
<div class="textwidget">
	
	<!---- Energy Calculator HTML Start Here --->
	<div class="span-adjust last">
	<div class="box">
	<img src="/wp-content/themes/bruce-power/img/home-power.jpg" alt="How is your home powered?" />				
	<h3>How is your home powered?</h3>
	<a href="#" title="Go to" class="read-more">Find Out More</a>
	</div>
	</div>
	<div class="span-adjust last">
	<div class="box">
	<img src="/wp-content/themes/bruce-power/img/energy-home.jpg" alt="Want to conserve energy at home?" />
	<h3>Want to conserve energy at home?</h3>
	<a href="#" title="Go to" class="read-more">Find Out More</a>
	</div>
	</div>
	<div class="span-adjust last">
	<div class="box">
	<img src="/wp-content/themes/bruce-power/img/gas-electric.jpg" alt="Gas vs. Electric Vehicle?" />
	<h3>Gas vs. Electric Vehicle?</h3>
	<a href="#" title="Go to" class="read-more">Find Out More</a>
	</div>
	</div>
		<div class="span-adjust last">
	<div class="box">
	<img src="/wp-content/themes/bruce-power/img/gas-electric.jpg" alt="Gas vs. Electric Vehicle?" />
	<h3>Gas vs. Electric Vehicle?</h3>
	<a href="#" title="Go to" class="read-more">Find Out More</a>
	</div>
	</div>
	<!---- Energy Calculator HTML Ends Here --->
	
</div>	
</aside>

 </section>      
```
*/
/*
# Home page promo box
 ```
<div class="tiles  featured">
<div class="container">
	<section id="Topstories" class="span12" role="complementary">
		        
		<aside id="pfcwidget-2" class="widget pfc-widget">
		<div class="row-fluid">	
		
		<!---- Home page promo box HTML Start Here --->
		<div class="span-adjust last">
		<div class="box">
		<img src="/wp-content/uploads/2015/09/default-300x103-150x103.jpg" alt="Default">
		<div style="clear:both;"></div>
		<h3><a>Heading title goes here text here ipsum</a></h3>
		<p>Lorem ipsum dolor sit amet, sea aliquando expetendis ad, eos te mazim tamquam, ei vis nibh mandamus interesset. At discere ullamcorper.</p>
		<a href="/news-and-media/videos/" title="Go to" class="read-more">Read More</a>
		</div>
		</div>
		<!---- Home page promo box HTML end Here --->
		
		</div>
		</aside>	
		
		<aside id="black-studio-tinymce-21" class="widget widget_black_studio_tinymce">
		<div class="textwidget">
		
		<!---- Home page promo box HTML Start Here --->
		<div class="span-adjust last">
		<div class="box">
		<img src="/wp-content/uploads/2015/09/default-300x103-150x103.jpg" alt="Default">
		<div style="clear:both;"></div>
		<h3><a>Heading title goes here text here ipsum</a></h3>
		<p>Lorem ipsum dolor sit amet, sea aliquando expetendis ad, eos te mazim tamquam, ei vis nibh mandamus interesset. At discere ullamcorper.</p>
		<a href="/news-and-media/videos/" title="Go to" class="read-more">Read More</a>
		</div>
		</div>
		<!---- Home page promo box HTML end Here --->
		
		</div>
		</aside>

		<aside id="black-studio-tinymce-8" class="widget widget_black_studio_tinymce">
		<div class="textwidget">

		<!---- Home page promo box HTML Start Here --->
		<div class="span-adjust last">
		<div class="box">
		<iframe src="https://www.youtube.com/embed/5wAI3Fbw-QI" width="79%" height="170" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
		<div style="clear:both;"></div>
		<h3><a>Our Values</a></h3>
		<p>Meet Our People at Bruce power Meet Our People at Bruce power Meet Our People at Bruce power</p>
		<a href="/news-and-media/videos/" title="Go to" class="read-more">More Videos</a>
		</div>
		</div>
		<!---- Home page promo box HTML end Here --->

		</div>
		</aside>
	
</section>
</div>
</div>    
```
*/

#primary{margin-left:0}
.single #primary{margin:0 15px}
#colophon,
#Topstories{margin-left:0}
#energyCalculator{margin-left:auto}
#energyCalculator  aside:first-child{width:100%; float:left}
#Topstories  aside{width:100%; float:left; }
#Topstories  .widget h2{margin-bottom:0}
#energyCalculator  .textwidget{width:100%; float:left; margin-bottom:50px}
#energyCalculator  .textwidget h3{font-size:1.4em}
#energyCalculator aside:first-child  .textwidget a{text-transform:uppercase; font-size:0.8em}
#energyCalculator .textwidget img{width:50%; float:none; margin:0 auto}
#energyCalculator h2{text-align:center; margin:38px 0 22px; padding-bottom:10px; background: url("/wp-content/themes/bruce-power/img/heading-line.png") no-repeat bottom}
#Topstories h3{text-transform:none; line-height:180%;}
#Topstories .span-adjust{width:100%; float:left; margin:0;}
#Topstories .span-adjust:nth-child(n+3){border:0}
#energyCalculator .span-adjust .box{width:100%; float:none; margin:0 auto; text-align:center}
#Topstories .span-adjust iframe{height:220px!important; width:100%!important; float:none}
#Topstories .span-adjust a.thumbimage{width:100%}
#Topstories .span-adjust a.thumbimage img{width:100%; float:none}
#energyCalculator aside  .textwidget h3{ font-size:1.1em; line-height:120%; margin:15px 0 16px}
#Topstories .span-adjust h3{font-family:"latoregular", 'Arial', 'Helvetica',  'sans-serif'; font-size:1.5em; margin:10px 0 11px; width:100%;     color: #DB792B;}
#Topstories .span-adjust h3 a{font-family:"latoregular", 'Arial', 'Helvetica',  'sans-serif'; font-size:1em;  width:100%}

@media (max-width: 1200px) {
	#Topstories .span-adjust h3 a,
	#energyCalculator aside  .textwidget h3{font-size:1.1em; font-size:2.3vw}	
	.single #primary{margin:0}
}
@media (max-width: 1024px) {
	#Topstories .span-adjust h3 a,
	#energyCalculator aside  .textwidget h3{font-size:1.5em; font-size:2.3vw}	

}
@media (max-width: 980px) {
	#Topstories .span-adjust h3 a,
	#energyCalculator aside  .textwidget h3{font-size:1.5em; font-size:2.3vw}

}
@media (max-width: 767px) {
		#energyCalculator aside  .textwidget h3{font-size:1.5em; font-size:3.9vw}
}
@media (max-width: 768px) {
	#Topstories h3{}
	.single #primary{margin:0}
	#Topstories .span-adjust h3 a,
	#Topstories .span-adjust p{margin-bottom:11px;}
	#Topstories .span-adjust{margin-bottom:21px;}	
	#energyCalculator .span-adjust {margin-bottom:35px;}
	#energyCalculator .textwidget {margin-bottom:1px;}
	#Topstories  aside .span-adjust .box,
	#Topstories .span-adjust .box{width:89%; margin:0 auto; text-align:center}
	#Topstories  aside .span-adjust img,	
	#Topstories  aside .span-adjust a img,
	#Topstories .span-adjust a.thumbimage img{width:74%; float:none}
	#Topstories .span-adjust iframe{ width:74%!important}
	#energyCalculator .textwidget img{width:auto;}
}
@media (max-width: 540px) {
	#Topstories .span-adjust h3 a,
	#energyCalculator aside  .textwidget h3{font-size:1.5em; font-size:6vw}
}

@media (min-width: 768px) {
	#Topstories .span-adjust iframe{height:330px!important; width:100%!important; float:none}
}

@media (min-width: 768px) {
	#Topstories h3{min-height:76px;}
	#Topstories {display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:flex}
	#Topstories  aside{width:33%; float:left; padding:10px 0; margin-bottom:18px; display:-webkit-box; border-right:1px solid #dcd8d5; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:flex}
	#Topstories  aside:last-child{border:0}
	#Topstories .span-adjust iframe{height:130px!important; width:79%!important}
	#energyCalculator  aside .span-adjust{width:25%; border-right:1px solid #e6e2df; margin-left:0}
	#Topstories  aside .span-adjust .box,
	#Topstories .span-adjust .box{width:89%; margin:0 auto; text-align:center}
	#Topstories  aside .span-adjust .box a{width:99%}
	#energyCalculator  .textwidget .box{width:99%}
	#Topstories  aside .span-adjust img{height:130px; width:79%!important; float:none}
	#Topstories  aside .span-adjust a img,
	#Topstories .span-adjust a.thumbimage img{height:130px; width:79%; float:none}
	#Topstories .span-adjust,	
	#Topstories .row-fluid{height:100%}	
	#Topstories .span-adjust{width:100%}
	#Topstories  .textwidget .box{width:99%}
}
@media (min-width:980px) {
	#Topstories .span-adjust iframe{height:170px!important; width:79%!important}
	#Topstories  aside .span-adjust img{height:170px;}
	#Topstories  aside .span-adjust a img,
	#Topstories .span-adjust a.thumbimage img{height:170px;}
}

/*
# Expandable Header
 ```
<div class="tiles home headertop" style="display: block;">
<div class="container">
<div class="expandable">
<section id="Expand" class="span12" role="complementary">
<aside id="black-studio-tinymce-6" class="widget widget_black_studio_tinymce"><div class="textwidget">

<!---- Expandable Header HTML Start Here --->
	<div class="span-adjust">
	<div class="box">
	<h3>Campaign</h3>
	<p>Welcome to WordPress. This is your first post. Edit or delete it, then start writing!</p>
	<a href="#" title="Go to" class="more">CLEAN NUCLEAR POWER</a><br><br>
	<a href="#" title="Go to" class="more">NUCLEAR UP, COOL DOWN</a>
	</div>
	</div>
	
	<div class="span-adjust">
	<div class="box">
	<h3>Also from Bruce Power</h3>
	<img src="/wp-content/themes/bruce-power/img/bruce-power.jpg" alt="Bruce Power">				
	<p>Welcome to WordPress. This is your first post. Edit or delete it, then start writing</p>
	</div>
	</div>
	
	<div class="span-adjust last">
	<div class="box">
	<img src="/wp-content/themes/bruce-power/img/bruce-power-direct.jpg" alt="Bruce Power">
	</div>
	</div>
<!---- Expandable Header HTML Ends Here --->
	
</div>
</aside>							
</section><!-- #primary-sidebar -->
</div>   
</div> 
</div>   
```
*/
#Expand{margin:0;}
.expandable {position:relative}
.expandable .span-adjust {width:33%; float:left; margin:0; padding:10px 0 20px; border-right:1px solid #8a8e97; min-height:210px}
.expandable .span-adjust.last{border:0}
.expandable .span-adjust .box{width:100%; float:none; margin:0 auto; text-align:left}
.expandable .span-adjust:first-child .box{width:85%; padding-right:15%}
.expandable .span-adjust .box{width:75%;}
.expandable .span-adjust .box h3{font-family:"latolight", 'Arial', 'Helvetica',  'sans-serif'; font-size:1.7999em; margin-top:-20px}
.expandable .span-adjust .box p{margin:0; padding:10px 0 0; clear:both}
.expandable .span-adjust .box a{font-family:"latolight", 'Arial', 'Helvetica',  'sans-serif'; color:#fff; background:none!important}
.expandable .span-adjust:first-child .box a:hover{color:#f8b327}
.expandable .span-adjust:first-child .box p{margin:0 0 1.7em}
.expandable a.close{position:absolute; top:10px; right:10px; background:url("/wp-content/themes/bruce-power/img/close.jpg") repeat 0 0; width:34px; height:34px; opacity:1}
@media (max-width: 1200px) {
	.expandable .span-adjust .box h3{font-size:2vw;}
}

@media (max-width: 980px) {
	.expandable .span-adjust .box h3{font-size:2.7vw;}
}
@media (max-width: 768px) {
	.expandable .span-adjust .box h3{font-size:4.8vw;}
}

#Videos .span-adjust a img{height:auto}
#PressReleases .span-adjust{margin:-2px 4% 9px 0; padding-bottom:12px; border-bottom:1px solid #ddd}
#PressReleases .span-adjust > div > div{display:none}
#PressReleases .span-adjust span{float:left; font-size:0.9em}
#PressReleases .span-adjust h3{width:auto; float:left; line-height:120%}
#PressReleases .span-adjust h3 a{width:auto; float:left; font-size:0.9em; text-transform:normal}

.gridblocks .read-more{background:url("/wp-content/themes/bruce-power/img/right-arrow.png") no-repeat right 4px; padding-right:10px!important; line-height:120%}
.read-more{background:url("/wp-content/themes/bruce-power/img/right-arrow-o.png") no-repeat right 6px; font-family:"latoblack", 'Arial', 'Helvetica',  'sans-serif'; width:auto!important; text-transform:uppercase!important; padding-right:10px!important; font-size:0.8em!important;}

.tiles{width:100%; float:left; background:#f3f3f3; padding:50px 0 20px}
.blog-featured {padding:0; margin-bottom:32px}

.featured{background:#fafafa; padding:50px 0 10px}
.gridblocks{width:100%;}
.gridblocks h3{text-transform:none}
.gridblocks aside{width:100%; float:left; margin:0 0 2em; padding:0 0 20px; height:auto; background:white; position:relative}
.gridblocks .span-adjust .box{width:100%; float:none; margin:0 auto; height:100%}
.gridblocks .span-adjust a img{height:auto; width:88%; float:none; border-bottom:0; margin:14px 0 0 20px}
.gridblocks .thumbimage{width:100%; overflow:hidden;  max-height:150px}
.gridblocks  span.date{padding-left:20px; padding-top:20px; float:left; text-transform:uppercase; font-size:0.8em; font-family:"latoregular", 'Arial', 'Helvetica',  'sans-serif'}
.gridblocks  .span-adjust h3 a{font-family:"latobold", 'Arial', 'Helvetica',  'sans-serif'; color:#fff; opacity:1; font-size:0.9em; line-height:110%; width:98%}
.gridblocks  span,
.gridblocks  p,
.gridblocks h3,
.gridblocks .read-more{padding:0 0 0 20px; color:#fff}
.gridblocks h3{font-size:1.6em; line-height:120%; font-weight:normal; padding-top:13px; padding-right:15px}
.gridblocks  p{padding:12px 20px; float:left;}
.gridblocks .span-adjust .box .date .cat-links{display:none}
.gridblocks .two {background:url("/wp-content/themes/bruce-power/img/first_tile.jpg") repeat 0 0}
.gridblocks .two p{font-family:"latolight", 'Arial', 'Helvetica',  'sans-serif'}
.gridblocks .one{background:url("/wp-content/themes/bruce-power/img/two_tile.jpg") repeat 0 0}
.gridblocks .three{background:url("/wp-content/themes/bruce-power/img/three_tile.jpg") repeat 0 0}
.gridblocks .four{/*background:url("/wp-content/themes/bruce-power/img/four_tile.jpg") repeat 0 0;*/ margin-right:0}

.gridblocks .two .box .three,
.gridblocks .two .box .four{display:none!important}
.gridblocks .textwidget{padding:20px; color:#fff}
.gridblocks .textwidget p{color:#fff; font-size:1.5em; line-height:1.5em; padding:0}
.gridblocks .textwidget img{width:auto; margin-bottom:10px}
.gridblocks.blog-middle-left aside:first-child .textwidget img{width:100%; margin-bottom:10px}
.gridblocks .textwidget a{float:left; padding-left:0}
.home .container{margin-left:-8px}
.home #HomeBottom .container{margin-left:auto}

.gridblocks.blog-middle-left aside:first-child  .textwidget{padding:20px; color:#fff; FLOAT:NONE; width:AUTO}
.gridblocks.blog-middle-left aside  .textwidget{padding:20px; color:#fff;}
.gridblocks.blog-middle-left .one .textwidget p{font-size:0.9em; padding-top:10px}
.gridblocks.blog-middle-left .textwidget span,
.gridblocks.blog-middle-left .textwidget a,
.gridblocks.blog-middle-left .textwidget h3{padding:0px; color:#fff}

.gridblocks .trustd{position:relative; width:100%; float:left; font-size:1em; padding:0; height:100%}
.gridblocks .trustd:hover{text-decoration:none}
.gridblocks .trustd h3,
.gridblocks .trustd h2,
.gridblocks .trustd h1,
.gridblocks .trustd p{position:absolute; z-index:999; text-align:center; padding:0; margin:0; width:100%}

.gridblocks .trustd h3{top:4%; color:#333; font-size:1.5em; font-family:"latolight", 'Arial', 'Helvetica',  'sans-serif';}
.gridblocks .trustd h2{top:19%; color:#111; font-size:0.9em; line-height:120%; text-transform:none; font-family:"latoblack", 'Arial', 'Helvetica',  'sans-serif'}
.gridblocks .trustd h2.bottom{top:70%;}
.gridblocks .trustd h1{top:31%; font-size:2.3em; color:#fff; font-family:"latoblack", 'Arial', 'Helvetica',  'sans-serif'}
.gridblocks .trustd h1 span{margin:0 auto;background:#0fc2dd; height:125px; width:125px; line-height:125px; display:inline-block; padding:0; border-radius:50%}
.gridblocks .trustd p{top:88%; font-size:0.7444em;color:#333}
.gridblocks .trustd p a{margin:0 auto; padding:10px; float:none;}
.gridblocks .four .textwidget a{background:#75d6f3; padding:5px 6px!important; border:2px solid #1ebceb; color:#fff; border-radius:3px}

@media (max-width: 768px) {
	.gridblocks .four .textwidget a{float:none}
	.gridblocks .four .textwidget a img{margin:0 auto!important; float:none}
	.gridblocks .four img{width:99%}
}
@media (min-width: 540px) {
	.gridblocks .span-adjust a img{width:92%}
}
@media (min-width: 768px) {
	.gridblocks .trustd{height:350px}
	.gridblocks .trustd img{margin:10px!important}	
	.gridblocks{width:100%;  display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:flex}
    .gridblocks aside{width:24.1222%;  margin-left:0; margin-right:10px; padding:0 0 33px}
	.gridblocks .span-adjust a img{height:auto; width:81%; float:none; border:0; margin:14px 0 0px 20px; box-shadow:0 0 1px #ddd}
	.gridblocks .span-adjust .below img{border-bottom:0}
	.gridblocks .read-more{position:absolute; bottom:2px; z-index:9; left:2px; text-transform:uppercase; font-size:0.7em}
	.home .gridblocks .read-more{bottom:16px}
	.gridblocks .four img{width:90%}
	.gridblocks .textwidget a{padding-left:20px; box-shadow:0 0 0}
	.gridblocks .four .textwidget a{padding-left:0px}
	.gridblocks .four .textwidget,
	.gridblocks .four .textwidget a img{padding:0px; margin:0}
	.tiles .container{margin-left:auto}
	.search-cat .container{margin-left:auto}
	.home .footer .container{padding-left:0; margin-left:auto}
	.home .container{padding-left:0; margin-left:auto}
	.gridblocks.blog-middle-left aside  .textwidget{padding:20px; color:#fff; width:80%}
}
@media (min-width: 768px) {
	.gridblocks.blog-middle-left aside  .textwidget{ width:84%}
}
@media (min-width: 1025px) {
		.home .container{padding-left:0; margin-left:auto; /*width:100%; max-width:1170px;*/}
	}

@media (min-width: 980px) {
	.gridblocks{width:100%}
	.gridblocks aside{width:24.1222%; padding:0 0 23px}
	.gridblocks .span-adjust a img{height:auto; width:84%}
	#Expand{display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:flex}
}

/*
# Video Top
 ```
<section class="featuredvideo span12" role="complementary">
<div class="textwidget">

<!---- Video Top HTML Start Here --->
	<div class="span6">
	<iframe src="https://www.youtube.com/embed/5wAI3Fbw-QI?wmode=transparent" width="100%" height="380" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
	</div>
	<div class="span6 right">
	<h2 class="widget-title">Featured Video</h2><h2>Bruce Power Direct's Bill Verification Program</h2>
	<p>Bruce Power Direct has created a bill verification program to confirm all your electricity invoices are accurate and you only pay for what you consume. If there are errors, we’ll find them. And we’ll help get your money back for you. The best part? There are zero costs and zero risks.</p>
	<a href="" class="button arrow-button grey">Arrow Button</a>
	</div>
<!---- Video Top HTML Ends Here --->	
	
</div>
</aside>	
</section>
```
*/

.video-featured{margin:0}
.featuredvideo{margin:30px 0; background:#feba3b; float:left}
.featuredvideo .textwidget > div:first-child{margin-left:0; padding-top:0}
.featuredvideo .textwidget > div{padding-top:0}
.featuredvideo .right h2.widget-title{color:#fff; font-size:0.9em; text-transform:uppercase; margin-bottom:18px; margin-top:18px; font-family:"latolight", 'Arial', 'Helvetica',  'sans-serif'}
.featuredvideo .right h2{color:#fff; text-transform:none; font-family:"latolight", 'Arial', 'Helvetica',  'sans-serif'; margin-bottom:14px; line-height:130%;}
.featuredvideo .right h3{color:#fff}
.featuredvideo .right{color:#fff; padding:20px!important}
.featuredvideo div iframe{margin-bottom:-3px}
.featuredvideo .arrow-button{ color:#feba3b; font-size:0.9em; background:#fff url("/wp-content/themes/bruce-power/img/arrow_v.gif") no-repeat right center}
.featuredvideo .arrow-button:hover{color:#333; background:#fff url("/wp-content/themes/bruce-power/img/arrow_vb.gif") no-repeat right center; text-decoration:none}

@media (min-width: 768px) {
	.featuredvideo .right{color:#fff; padding:20px 0 0!important}
	.featuredvideo .right p{padding-right:20px}
	.featuredvideo .textwidget > div:first-child{margin-left:0; padding-top:0; z-index:0; position:relative}
	.featuredvideo .textwidget > div:first-child iframe{z-index:0; position:relative}
	.featuredvideo .textwidget > div{padding-top:30px}
}

/*
# Featured Article
 ```
<section class="blogfetured span12" role="complementary">
		<div class="textwidget">
			<div class="span6">
				<img src="http://brucepower.beta.moveable.ca/wp-content/uploads/2015/08/Penguins1.jpg" alt="">
			</div>
			<div class="span6 right">
			<h2 class="widget-title">			
				<span class="cat-links block">August 20, 2015</span>
				FEATURED ARTICLE </h2>
				<h2 >Bruce Power receives best ever annual safety report car...</h2>
				<p>TIVERTON, ON – Aug. 20, 2015 – Bruce Power has received the highest marks in its 14-year history in the Canadian Nuclear Safety Commission’s annual safety grading of Canada’s nuclear plants. “We have worked very hard to continuously improve our…<span class="read"><a href="h#">READ MORE <span class="meta-nav">&gt;</span></a></span></p>
			</div>
		</div>
	</section>
```
*/

.blogfetured{margin:30px 0; background:#7fb94b; float:left}
.blogfetured .textwidget > div:first-child{margin-left:0; padding-top:0}
.blogfetured .textwidget > div{padding-top:0px}
.blogfetured .right h2.widget-title{font-size:0.9em; color:#fff; text-transform:uppercase; margin-bottom:29px; margin-top:24px; font-family:"latolight", 'Arial', 'Helvetica',  'sans-serif'}
.blogfetured .right h2{text-transform:none; font-size:2.1em; margin-bottom:19px; line-height:130%; font-family:"latolight", 'Arial', 'Helvetica',  'sans-serif'; color:#fff;}
.blogfetured .right{padding:20px!important; color:#fff}
.blogfetured .read a{padding:4px 32px 3px 14px; margin-top:20px; font-family:"latoblack", 'Arial', 'Helvetica',  'sans-serif'; line-height:160%}
.blogfetured .read a{ color:#7fb94b; font-size:0.6em; background:#fff url("/wp-content/themes/bruce-power/img/arrow_vg.gif") no-repeat right center}
.blogfetured p > a{display:none}
.blogfetured .read a:hover{color:#feba3b; background:#fff url("/wp-content/themes/bruce-power/img/arrow_v.gif") no-repeat right center; text-decoration:none}
.blogfetured .read a .meta-nav{display:none}
.blogfetured .arrow-button{color:#feba3b; color:#7fb94b; font-size:0.9em; background:#fff}
.blogfetured .right h2.widget-title .cat-links{padding: 0 30px 0 0; margin-top:1px}
.blogfetured .right h2.widget-title .cat-links {list-style:none; float:right; font-size:0.9em}
.blogfetured .right h2.widget-title .cat-links a{font-size:0.6em; color:#fff; text-transform:uppercase; font-family:"latolight", 'Arial', 'Helvetica',  'sans-serif'}

@media (min-width: 768px) {
	.blogfetured .right{padding:0!important}
	.blogfetured .textwidget > div:first-child{margin-left:0; padding-top:0; max-height:390px; overflow:hidden;}
	.blogfetured .textwidget > div{padding-top:30px}
	.blogfetured .right h2{font-size:1.6em; margin-bottom:10px;}
	.blogfetured .right h2.widget-title{margin:20px 0 10px}
	.blogfetured .read a{margin-top:10px;}
	.blogfetured .textwidget img{min-height:265px;}
}
@media (min-width: 980px) {
	.featuredvideo .right h2,
	.blogfetured .right h2{font-size:1.7em}
	.blogfetured .right h2{margin-bottom:11px;}
	.blogfetured .right h2.widget-title{margin-bottom:17px; margin-top:20px;}
	.blogfetured .read a{margin-top:13px;}
	.blogfetured .textwidget img{min-height:380px; max-height:460px}
}
@media (min-width: 1200px) {
	.featuredvideo .right h2{font-size:2.6em; line-height:120%}
	.blogfetured .right h2{font-size:2.4em; line-height:110%}
	.blogfetured .right p{padding-right:40px; line-height:188%}
	.blogfetured .right h2{margin-bottom:19px;}
	.blogfetured .right h2.widget-title{margin-bottom:29px; margin-top:30px;}
	.blogfetured .read a{margin-top:20px;}
}

/*
# Bread Crumbs
 ```
 <div class="tiles breadcrumb">
	<div class="container"><ul class="bread_crumb">
	<li class="level-1 top"><a href="#">Home</a></li>
	<li class="level-2 sub"><a href="#">News and Media</a></li>
	<li class="level-3 sub tail current">Videos</li>
</ul>
</div>
</div>
```
*/

.breadcrumb{background:#696d78; margin:0; padding:0; border-radius:0}
.bread_crumb {margin:0; padding:0.8em 0; clear:both; float:left}
.bread_crumb li {font-size:0.9555em; color:#fff; float:left; list-style:none outside none}
.bread_crumb li:after {content : '/'; padding-left:10px; margin-right:10px}
.bread_crumb li:last-child:after {content: ''}
.bread_crumb li a {color:#d6d9de; font-family:"latolight", 'Arial', 'Helvetica',  'sans-serif'}

#search_ad{margin-left:0px}
.search-cat{background:#f8b327; padding:20px 0 0; min-height:128px}
.search-cat.video{background:#c5c6cb}
.search-cat h2{color:#fff; font-family: "latolight", 'Arial', 'Helvetica',  'sans-serif'; margin-bottom:0; text-transform:none; font-size:2em; width:100%; float:left; padding-top:25px}
.search-cat form{width:100%; float:left;}
.search-cat form ul{display:block}
.search-cat form li{width:98%; padding-bottom:10px; padding-right:10px; list-style:none}
.search-cat form input{width:96%; border-radius:0; border:0; height:38px; line-height:37px; padding:0 5px; color:#888; margin:0}
.search-cat form select{width:99%; border-radius:0; border:0; height:38px; line-height:37px; color:#888; margin:0}
.search-cat form ul li button[type="submit"]{font-family:"latoregular", 'Arial', 'Helvetica',  'sans-serif'; text-transform:uppercase; width:auto; color:#feba3b; line-height:37px; background:#fff url("/wp-content/themes/bruce-power/img/arrow_v.gif") no-repeat right center; padding:0 37px 0 12px; height:38px; border:0}

@media (min-width: 768px) {
	.search-cat h2{width:14%}
	.search-cat form{width:86%; padding-top:35px}
	.search-cat form li{width:26%; float:left}
	.search-cat form li:nth-child(4){width:104px; padding-right:0}
}
@media (min-width: 1200px) {
	.search-cat form li{width:28.7777%}
}

.category-pages{padding-top:50px; clear:both}
.search-page article.post .page-header .entry-meta{display:none}

.search-page article.page .page-header,
article.page .page-header,
article.post .page-header {border:0; border-top:1px solid #dcd8d5; padding: 12px 0 6px}
article.page .page-header span.sep,
article.post .page-header span.sep{font-size:14px; color:#acacac; text-transform:uppercase}
article.page .page-header span.author a,
article.post .page-header span.author a{font-family:"latolight", 'Arial', 'Helvetica',  'sans-serif'}
article.page .page-header a,
article.post .page-header a{font-size:12px; color:#acacac; text-transform:uppercase}
article.page .page-header span.edit-link a,
article.post .page-header span.edit-link a{color:#fff; text-transform:none}
article.page .entry-content h2,
article.post .entry-content h2{clear:none; text-transform:none; margin:-8px 0 5px;}

.single .entry-content h2,
.page-template-basic-page .entry-content h2{}

article.page .entry-content h2 a,
article.post .entry-content h2 a{display:block}
article.page .entry-content h2 a:hover,
article.post .entry-content h2 a:hover{color:#DB792B}
p .read, article.page .entry-content  p .read,
article.post .entry-content p .read{margin:2px 0 17px; display:block}
p .read a, article.page .entry-content  p .read a,
article.post .entry-content p .read a{font-size:12px; font-family:"latoblack", 'Arial', 'Helvetica',  'sans-serif'}
p .read a:hover, article.page .entry-content  p .read a:hover,
article.post .entry-content p .read a:hover{color:#DB792B}
article.page .entry-content  .post-thumbnail img,
article.post .entry-content .post-thumbnail img{max-height:320px}

article.page .entry-summary p .read,
article.post .entry-summary p .read{margin:2px 0 17px; display:block}
article.page .entry-summary p .read a,
article.post .entry-summary p .read a{font-size:12px}
.category-pages  article.page .entry-content  p > a,
.category-pages  article.post .entry-content  p > a,
article.page .entry-summary p > a,
article.post .entry-summary p > a{display:none}
article.page .entry-summary  h2,
article.post .entry-summary h2{clear:none; text-transform:none; margin:-8px 0 5px}

.without-img article .thumbnail{display:none}
.detail-post article.post .page-header a{font-size:14px}
.detail-post article.post .entry-footer .tag-links,
.detail-post article.post .entry-footer .cat-links{font-size:16px; line-height:150%}
.detail-post article.post .entry-footer a{font-size:15px}
.detail-post .pager{display:none}

.page-template-energy-calculator .page-header,
article.page .page-header,
.page-template-basic-page article.page .page-header,
.page-template-basic-page article.post .page-header{border:0; padding:1px 0 6px}

.single article.post .page-header{border:0; padding-top:0}
.single h1{font-family:"latobold", 'Arial', 'Helvetica',  'sans-serif'; text-transform:none; color:#DB792B; margin-bottom:0}
@media (max-width: 768px) {
	.single h1{font-size:2em; padding-top:12px}
	.page-id-101 .search-cat{margin-bottom:30px}
	.responsive-tabs .responsive-tabs__panel {border: 1px solid #ccc!important;}
	.responsive-tabs-wrapper .responsive-tabs .responsive-tabs__panel{padding:20px!important}
	article.page .entry-content .responsive-tabs-wrapper h2,
	article.post .entry-content .responsive-tabs-wrapper h2{clear:none; text-transform:none; margin:0}
}

@media (min-width: 768px) {
	article.post .page-header .cat-links{float:right; font-size:1em; color:#acacac}
	article.post .entry-content a.post-thumbnail{max-height:190px; overflow:hidden; border-radius:0}	
	article.post .entry-content .post-thumbnail img{min-height:130px; margin-top:-9%}
	.single .heading-single{padding:51px 0 30px; clear:both}
}

.featured_image_single img{margin-bottom:12px;}

.category-main #content > header.page-header{border:0; padding:0 0 10px}
.category-main #content > header.page-header h1{font-size:2em}
.category-main #content > header.page-header h1 span{font-size:1.3em}

#FirstSingle .entry-footer{color:#716F73; padding:10px 0 30px}
#FirstSingle .entry-footer a{font-size:13px; text-transform:uppercase; color:#716F73; font-family:"latoblack", 'Arial', 'Helvetica',  'sans-serif'}
#FirstSingle a .entry-date{font-size:1.5em; color:#716F73; font-family:"latolight", 'Arial', 'Helvetica',  'sans-serif'; margin-bottom:10px; display:block; clear:both}
#FirstSingle .by-author,
#FirstSingle .comments-link,
#FirstSingle .sep{display:none}
#FirstSingle .entry-metam{padding:9px 0}
#FirstSingle .entry-meta{border:4px solid #f3f3f3; width:90%; padding:12px 0 20px; margin-bottom:25px; color:#DB792B; text-align:center}
#FirstSingle .entry-meta span{font-size:3em; line-height:1.3em; display:block; clear:both}

#FirstSingle .addthis_toolbox{margin-bottom:30px}
#FirstSingle .addthis_toolbox .addthis_bubble_style{display:none!important}
#FirstSingle .addthis_toolbox .aticon-compact,
#FirstSingle .addthis_toolbox .aticon-facebook,
#FirstSingle .addthis_toolbox .aticon-twitter{background-color:#ccc!important}

@media (min-width: 768px) {
	#FirstSingle .addthis_toolbox{text-align:center!important; width:93%!important}
	.addthis_toolbox a.at300b, .addthis_toolbox a.at300m {width:33px!important; float:none!important; clear:both!important; display:block!important;margin:0 auto!important;}
	.addthis_toolbox a.at300b > span, .addthis_toolbox a.at300m > span	{margin:10px 0!important;}
}
/*
# Promo Box
 ```
<div class="tiles home middle-bottom">
<div class="container">	
<div class="promo row-fluid">

<div class="span6">
	<p><a class="thumbnail" href="http://google.com" target="_blank">
	<img class="alignnone wp-image-175 size-medium" src="http://brucepower.beta.moveable.ca/wp-content/uploads/2015/08/p1.jpg" alt="Tulips" width="300" height="225">
	</a></p>
	
	<!-- Copy Html start here -->
	<div class="outer">
	<h2>Text here upload or styling, but also simple text/html mode for scripts and code</h2>
	<p><a href="#">Click here</a></p>
	</div>
	<!-- Copy Html end here -->
	
</div>
<div class="span6">
	<p><a class="thumbnail" href="http://brucepower.beta.moveable.ca/wp-content/uploads/2015/08/Penguins.jpg">
	<img class="alignnone wp-image-287 size-medium" src="http://brucepower.beta.moveable.ca/wp-content/uploads/2015/08/p2.jpg" alt="Penguins" width="300" height="225">
	</a></p>
	
	<!-- Copy Html start here -->
	<div class="outer">
	<h2>Text here upload or styling, but also simple text/html mode for scripts and code</h2>
	<p><a href="#">Click here</a></p>
	</div>
	<!-- Copy Html end here -->

</div>
</div>
</div>
```
*/
.middle-bottom{padding:30px 0 2px}
.middle-bottom .promo{width:100%; float:left; margin:0 0 10px}
.middle-bottom .promo .span6{position:relative; float:left}
.middle-bottom .promo .outer{position:absolute; top:15%; width:65%; left:6%; background:rgb(255, 255, 255); background:rgba(255, 255, 255, 0.7); padding-left:15px; color:#333; padding:18px 19px 10px 20px; line-height:140%}
.middle-bottom .promo  .outer h2{color:#333; margin:0 0 8px; line-height:140%; text-transform:none}
.middle-bottom .promo  .outer  p{color:#42454c; font-size:1.7em; padding:3px 0 0; margin:0; line-height:100%; border-top:1px solid #42454c; text-align:center; width:100%}
.middle-bottom .promo  .outer  p a {padding:2px 34px 0 10px; font-size:14px; text-transform:uppercase; font-family:"latoblack", 'Arial', 'Helvetica', 'sans-serif'; color:#333; background:#fff url("/wp-content/themes/bruce-power/img/arrow_vb.gif") no-repeat right center; text-decoration:none}
.middle-bottom .promo  .outer  p a:hover{color:#fcb529; background:#fff url("/wp-content/themes/bruce-power/img/arrow_v.gif") no-repeat right center}
#mc_embed_signup #mce-success-response {color:#d6feae!important}
.middle-bottom .promo .span6 img{width:100%}

@media (max-width: 1024px) {
	.middle-bottom .promo  .outer h2{font-size:1.5em; font-size:1.6vw}
}
@media (max-width: 980px) {
	.middle-bottom .promo  .outer h2{font-size:1.5em; font-size:1.9vw}
}
@media (max-width: 767px) {
	.middle-bottom .promo  .outer h2{font-size:1.5em; font-size:3vw}
}
@media (max-width: 540px) {
	.middle-bottom .promo  .outer h2{font-size:1.5em; font-size:3.9vw}
	.middle-bottom .promo .outer{width:77%; padding:10px 19px 10px 10px; top:5%}
}

@media (min-width: 768px) {
	.middle-bottom .promo{width:100%}
	.middle-bottom .promo .span6  a.thumbnail{height:245px; overflow:hidden; border-radius:0}	
	.middle-bottom .promo .span6 img{max-height:355px; min-height:246px;}
}

/*
# Contact Form
 ```
<div class="gf_browser_chrome gform_wrapper" id="gform_wrapper_1">
<form method="post" enctype="multipart/form-data" id="gform_1" action="/contact-us/">
<div class="gform_heading">
<h3 class="gform_title">Contact US</h3>
<span class="gform_description"></span>
</div>
<div class="gform_body">
<ul id="gform_fields_1" class="gform_fields top_label form_sublabel_below description_below">
<li id="field_1_1" class="gfield gfield_contains_required field_sublabel_below field_description_below">
<label class="gfield_label" for="input_1_1">Your Name<span class="gfield_required">*</span></label>
<div class="ginput_container">
<input name="input_1" id="input_1_1" type="text" value="" class="medium" tabindex="1"></div></li>
<li id="field_1_7" class="gfield gfield_contains_required field_sublabel_below field_description_below">
<label class="gfield_label" for="input_1_7">Your Email<span class="gfield_required">*</span></label>
<div class="ginput_container">
<input name="input_7" id="input_1_7" type="text" value="" class="medium" tabindex="2">
</div></li>
<li id="field_1_8" class="gfield field_sublabel_below field_description_below"><label class="gfield_label" for="input_1_8">Your Telephone (optional)</label><div class="ginput_container"><input name="input_8" id="input_1_8" type="text" value="" class="medium" tabindex="3"></div></li><li id="field_1_9" class="gfield gfield_contains_required field_sublabel_below field_description_below"><label class="gfield_label" for="input_1_9">Subject<span class="gfield_required">*</span></label><div class="ginput_container"><select name="input_9" id="input_1_9" class="medium gfield_select" tabindex="4"><option value="First Choice">First Choice</option><option value="Second Choice">Second Choice</option><option value="Third Choice">Third Choice</option></select></div></li><li id="field_1_10" class="gfield gfield_contains_required field_sublabel_below field_description_below"><label class="gfield_label" for="input_1_10">Your Message<span class="gfield_required">*</span></label><div class="ginput_container">
<textarea name="input_10" id="input_1_10" class="textarea medium" tabindex="5" rows="10" cols="50"></textarea>
</div></li><li id="field_1_6" class="gfield gfield_contains_required field_sublabel_below field_description_below">
<label class="gfield_label"><span class="gfield_required">*</span></label>
<div class="ginput_container">
<ul class="gfield_checkbox" id="input_1_6">
<li class="gchoice_1_6_1">
	<input name="input_6.1" type="checkbox" value="CASL disclaimer" id="choice_1_6_1" tabindex="6">
	<label for="choice_1_6_1" id="label_1_6_1">CASL disclaimer</label>
</li></ul>
</div>
</li>
</ul></div>
<div class="gform_footer top_label"> 
<input type="submit" id="gform_submit_button_1" class="gform_button button" value="Submit" tabindex="7" onclick="if(window[&quot;gf_submitting_1&quot;]){return false;}  window[&quot;gf_submitting_1&quot;]=true;  "> 
<input type="hidden" class="gform_hidden" name="is_submit_1" value="1">
<input type="hidden" class="gform_hidden" name="gform_submit" value="1">

<input type="hidden" class="gform_hidden" name="gform_unique_id" value="">
<input type="hidden" class="gform_hidden" name="state_1" value="WyJbXSIsImFlZThiMzY1OWRjNmZkZmViMGU4NWU1YmE5YWE5ZDQ2Il0=">
<input type="hidden" class="gform_hidden" name="gform_target_page_number_1" id="gform_target_page_number_1" value="0">
<input type="hidden" class="gform_hidden" name="gform_source_page_number_1" id="gform_source_page_number_1" value="1">
<input type="hidden" name="gform_field_values" value="">

</div>
</form>
</div>
```
*/

.attachment-header{background:#555; color:#fff; padding:0}
.page-attachment-outer.attachment-header,
.attachment-header .page-attachment{line-height:100%; padding:1px 0; border:0!important; margin-bottom:0}
.attachment-header .page-attachment div{line-height:180%}
.attachment-header .page-attachment div.span1{text-align:center}
.page-attachment-outer {border:1px solid #ddd; margin-bottom:40px}
.page-attachment {margin-bottom:5px; padding:5px 0; border-bottom:1px solid #ddd}
.page-attachment:last-child{border:0}
.page-attachment div p{margin-bottom:0; line-height:140%}
.page-attachment .span1 a img{width:24px; margin:0 0 0 15px}

@media (max-width: 768px) {
	.page-attachment div{clear:both}
	.page-attachment div span{margin-bottom:0; line-height:140%; width:110px; float:left; font-size:0.9em; text-align:right; padding-right:10px;}
	.page-attachment div p{width:57%; float:left}
}

.gform_wrapper .gform_heading{display:none}
.gform_wrapper .gform_body ul li{margin:0}
.gform_wrapper .top_label .gfield_error{width:100%}
.gform_wrapper .gform_body ul > li > label{width:98%; float:left; text-align:left; padding-right:2%; font-weight:normal!important; color:#777!important}
.gform_wrapper .gform_body ul li.gfield_error label{width:99%; margin:0; line-height:99%}
.gform_wrapper .gform_body ul li .ginput_container{width:100%; float:left; margin:0}
.gform_wrapper .gform_body ul li.gfield_error .ginput_container{width:100%; float:left; margin:0}
.gform_wrapper .gform_body ul li .ginput_container select{width:97%; border-radius:0}
.gform_wrapper .gform_body ul li .ginput_container input,
.gform_wrapper .gform_body ul li .ginput_container textarea{width:99%; border-radius:0; padding-top:6px; padding-bottom:6px}
.gform_confirmation_wrapper {border:1px solid green; background:green; color:#fff; padding:10px; text-align:center}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description{padding:0!important; width:70%}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, 
.gform_wrapper li.gfield.gfield_error.gfield_contains_required fieldset legend.gfield_label, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label{margin-left:0}
.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label{margin-left:8px}
.gform_wrapper div.validation_error{border:0; background:#ff6262; color:#fff; text-align:center; font-family:"latolight", 'Arial', 'Helvetica',  'sans-serif'; padding:10px}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label{color:#444!important}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{border:0; background:none}
.gform_wrapper li.gfield_error input[type=email], .gform_wrapper li.gfield_error input[type=number], .gform_wrapper li.gfield_error input[type=password], .gform_wrapper li.gfield_error input[type=tel], .gform_wrapper li.gfield_error input[type=text], .gform_wrapper li.gfield_error input[type=url], .gform_wrapper li.gfield_error textarea{border:1px solid #ff6262; background:#fff9e3}
.gform_wrapper .validation_message{color:#ff6262}
#mc_embed_signup .indicates-required{color:#ccc}
.gform_wrapper .gform_footer .gform_button{background:#fcb529; border:0; color:#fff; font-weight:normal; font-family:"latoregular", 'Arial', 'Helvetica',  'sans-serif'; padding:10px 20px}
.gform_wrapper .gsection{border:0!important}
.gform_confirmation_wrapper table tr td{color:#444!important}
.gform_confirmation_wrapper table tr td strong{padding-left:56px}
.gform_wrapper .gform_body ul.gfield_checkbox li label{width:90%; float:left; text-align:left;}

@media (max-width: 768px) {
	.gform_wrapper .gform_body ul li:last-child .gfield_label{width:auto; float:left}
	.gform_wrapper .gform_body ul li:last-child .ginput_container{width:100%; float:left}
	.gform_wrapper .gform_body ul li:last-child .ginput_container label{}
	.gform_wrapper .gform_body .ginput_container ul.gfield_checkbox li label{color:#444!important}	
}

@media (min-width: 768px) {
	.gform_wrapper .gform_body ul li label{width:24%; float:left; text-align:right; padding-right:2%; font-weight:normal!important; color:#444!important}
	.gform_wrapper .gform_body ul.gfield_checkbox li label{width:90%; float:left; text-align:left; color:#444!important}	
	.gform_wrapper .gform_body ul li.gfield_error label{width:24.888%; padding-right:1.111%}
	.gform_wrapper .gform_body ul li .ginput_container{width:60%; float:left; margin:0}
	.gform_wrapper .gform_body ul li.gfield_error .ginput_container{width:60%; float:left; margin:0}
	.gform_wrapper .gform_body ul li .ginput_container select{width:97%; border-radius:0}
	.gform_wrapper .gform_body ul li .ginput_container input,
	.gform_wrapper .gform_body ul li .ginput_container textarea{width:97%; border-radius:0; padding-top:6px; padding-bottom:6px}
	.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description{padding:0 0 0 27%!important; width:70%}
	.gform_wrapper .gform_footer{padding-left:26%}
}

/*
# Footer Top
 ```
<div class="tiles footer">
	<div class="container  clear">
	<footer id="colophon" role="contentinfo" class="span12">
<section id="FooterTop" class="span12" role="complementary">
<div class="span3">
<a href="http://brucepower.beta.moveable.ca/" title="Bruce Power" rel="home">
	<span><img src="/wp-content/themes/bruce-power/img/logo-footer.png" alt="Bruce Power footer logo"></span>
</a>
</div>
<div class="span9"><aside id="nav_menu-5" class="widget widget_nav_menu"><div class="menu-footer-middle-container"><ul id="menu-footer-middle" class="menu"><li id="menu-item-262" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-262"><a href="http://brucepower.beta.moveable.ca/about-us/">About Us</a></li>
<li id="menu-item-263" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-263"><a href="http://brucepower.beta.moveable.ca/in-the-community/">In The Community</a></li>
<li id="menu-item-264" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-264"><a href="http://brucepower.beta.moveable.ca/news-and-media/">News and Media</a></li>
<li id="menu-item-265" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-265"><a href="http://brucepower.beta.moveable.ca/resources-and-publications/">Publications &amp; Resources</a></li>
<li id="menu-item-4376" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4376"><a href="/about-us/visit-ustake-a-tour/">Take a tour</a></li>
</ul></div></aside><aside id="black-studio-tinymce-5" class="widget widget_black_studio_tinymce"><div class="textwidget"><div class="column">
<p>Bruce Power L.P <br>
PO Box 1540<br>
177 Tie Rd.,<br>
R.R. 2, Tiverton,<br>
Ontario N0G 2T0 <br>
<a href="/contact-us">Contact Us</a> | 
<a href="//www.google.com/maps/place/44%C2%B018'47.8%22N+81%C2%B032'53.8%22W/@44.3102248,-81.5520924,15z/data=!4m2!3m1!1s0x0:0x0?hl=en" target="_blank">Map</a>
</p>
</div>
<div class="column">
<p><span>Phone:</span> 519 361 2673</p>
<p><span>Toll Free:</span> 1 866 748 4787</p>
<p><span>Email:</span> <a href="mailto:info@brucepower.com">info@brucepower.com</a></p>
<p><span>Social:</span>  </p>
<p><span>Get the App:</span> <img src="/wp-content/themes/bruce-power/img/app-store.png" alt="app store"></p>
</div></div></aside></div>
</section>
</footer>
</div>
</div>
```
*/					

#FooterTop{margin:20px 0; clear:both; display:block}
#FooterTop h2{font-family:"latolight", 'Arial', 'Helvetica',  'sans-serif'; text-transform:none; font-size:1.8em; margin-bottom:1px}
#FooterTop > div:first-child{margin-left:0}
#FooterTop aside{width:100%; float:left}
#FooterTop .span3 img{margin:-30px 0 20px -4px}
#FooterTop aside p{clear:both; width:99%; float:left; margin-bottom:5px; padding:0; line-height:190%}
#FooterTop aside p img{width:auto}
#FooterTop aside ul li{list-style:none}
#FooterTop aside ul li a{ text-transform:uppercase; font-family:"latomedium"; padding:6px 5px; color:#54555a; width:98%; border-bottom:1px solid #dadada; -moz-transition-duration:0.4s; -webkit-transition-duration:0.4s; -o-transition-duration:0.4s; transition-duration:0.4s}
#FooterTop aside ul li a:hover{color:#fff; text-decoration:none; background:#5d616c; padding-left:8px}
#FooterTop aside.widget_black_studio_tinymce .column {margin-bottom: 30px; float: left; width: 100%}
#FooterTop aside p > span:first-child{width:102px; font-size:1em; float:left} 
	#FooterTop aside.widget_black_studio_tinymce .column:last-child a{/*color:#54555a;*/}

@media (min-width: 768px) {
	#FooterTop aside p span:first-child{font-size:1em; width:33%; float:left; line-height:100%; margin-top:4px}
	#FooterTop aside{width:33%}
	#FooterTop aside.widget_black_studio_tinymce{width:67%}
	#FooterTop aside.widget_black_studio_tinymce .column{width:48%; float:left; margin-left:1.5%; margin-bottom:10px}
	#FooterTop aside.widget_black_studio_tinymce .column p a{font-family:"latolight", 'Arial', 'Helvetica', 'sans-serif'; font-size: 1em!important;}	
	#FooterTop aside.widget_black_studio_tinymce .column:first-child{width:47%; float:left; margin-left:3%}
	#FooterTop aside.widget_black_studio_tinymce .column:last-child a{/*color:#54555a;*/ font-size:0.9em; }
	#FooterTop aside p span.footer-icon{width:135px}
	#FooterTop aside p span.footer-icon aside{width:100%}
	#FooterTop aside ul li a{width:82%;}
	#FooterTop .span3 img{margin:0 0 0 -2px}
	#FooterTop aside.widget_nav_menu{margin-left:-30px; margin-right: 30px;}
}
@media (min-width: 980px) {
	#FooterTop aside p span:first-child{font-size:1em; width:33%; float:left; line-height:130%; margin-top:4px}
	#FooterTop aside.widget_black_studio_tinymce .column:last-child a{font-size:0.9em}
}
@media (min-width: 1200px) {
	#FooterTop aside p span:first-child{font-size:1em; width:112px; float:left; line-height:130%; margin-top:4px}
	#FooterTop aside.widget_black_studio_tinymce .column:last-child a{font-size:1em}
}

#HomeBottom{margin:0 auto; width:100%; background:#444650; min-height:84px; padding-top:10px}
#HomeBottom .span-adjust{width:17.92222%; float:left}
#HomeBottom h3{display:none}
#HomeBottom .textwidget{width:100%; margin:0 auto}
#HomeBottom .textwidget h2{text-transform:none; color:#fff; margin:0}
#HomeBottom .textwidget p{color:#fff; margin:0}
#HomeBottom .textwidget h2 strong{text-align:center; background:#1ebceb; padding:50px 30px; border-radius:99px; color:#fff; font-weight:bold; font-size:1.2em}
#HomeBottom aside{margin-left:0px;} 
.mailmunch-embedded-iframe #mailmunch-optin-form{background:none!important}
#FooterTop aside p .footer-icon a{max-width:26px!important; max-height:24px!important}
#FooterTop aside p .footer-icon a img{width:auto!important; height:auto!important}
#FooterTop aside p .footer-icon .synved-social-provider-facebook{margin-right:0}

@media (max-width: 1024px) {
	#FooterTop aside p .footer-icon a,
	#FooterTop aside p .footer-icon a img{max-width:26px!important; max-height:24px!important}
}
@media (max-width: 768px) {
	#HomeBottom{margin-top:30px; float:left}	

}
@media (min-width: 768px) {
	#HomeBottom aside{width:100%; clear:both} 
	.home #HomeBottom aside{margin-left:0px;} 
}

.responsive-tabs__list{border:0; text-align:center; margin-top:35px}
.responsive-tabs__list li{list-style:none; float:none; display:inline-block; color:#feba3b; background:background:rgb(255, 255, 255); background:rgba(255, 255, 255, 0.7); border:1px solid #fff; border-radius:0; color:#feba3b; background:background:rgb(255, 255, 255); background:rgba(255, 255, 255, 1); border:1px solid #fff; cursor:pointer; margin:0 10px 10px 0; padding:7px 12px; box-shadow:0 0 0; outline:0}
.responsive-tabs__list li.responsive-tabs__list__item--active{background:background:rgb(255, 255, 255); background:rgba(255, 255, 255, 1); border:1px solid #fff; font-weight:bold}
.xa-default .tab-content {overflow:hidden; padding:30px 0 10px; float:left}
.responsive-tabs-wrapper .responsive-tabs .responsive-tabs__panel{border:0; padding:40px 0 20px}

.video_view9_vid_wrapper {margin:0 -0.5%!important; position:static!important; transform: translateX(0%)!important;}
.gallery_video_view9_cont_list.view-blog-style-gallery .clear{display:none!important}
.video_view9_cont_wrapper .clear{display:none!important}
.video_view9_container{width:99%!important; float:left!important; margin:0 0 22px!important; min-height:475px; border:0; padding:0} 
.video_view9_container iframe{width:100%!important; height:310px!important; float:left!important; margin-bottom:10px} 
.video_view9_container h1.video_new_view_title{line-height:1.11em!important; margin-bottom:.428em!important; font-size: 1.175em!important; color: #DB792B!important; background:none!important;     font-family: "latobold", 'Arial', 'Helvetica', 'sans-serif'!important; opacity:1!important}
.video_view9_cont_wrapper .paginate{font-size:15px!important; text-align:center; color:#888!important; display:block; clear:both; padding:25px 0 0}
.video_view9_cont_wrapper  .icon-style {font-size:15px !important}
.page-header {padding:0 0 5px; margin:0 0 12px; border:0}
.page-header h1 {margin-bottom:4px}
#thevideo{width:100%; float:left}
.video_view9_cont_wrapper .video_view9_container > div.video_new_view_desc p{font-size:15px; color:#444!important; text-align: left;}
.galery_video_view9_cont_list .paginate {clear: both;}

@media (min-width: 768px) {
		.video_view9_cont_wrapper .video_view9_container{width:28.333%!important; float:left!important; margin:0 0 2% 2%!important; min-height:481px; position:relative; border:3px solid #f3f3f3!important; padding:20px 10px} 
		.video_view9_cont_wrapper .video_view9_container > div.video_new_view_desc{height:177px; overflow:auto; margin-bottom:3px}
		.video_view9_cont_wrapper .video_view9_container > div:nth-of-type(2) label {position: absolute;  bottom: -1px;}		
		.video_view9_container:nth-of-type(3n+1){ }		
		.video_view9_container iframe{height:210px!important; margin-bottom:10px}  
}
@media (min-width: 980px) {
		.video_view9_container{width:28.111%!important; padding:20px 15px} 
}
@media (min-width: 1200px) {
		.video_view9_container{width:28.411111%!important; padding:20px 18px} 
}

.category-wrapper{width:100%; float:left; margin-bottom:18px; padding-bottom:18px; border-bottom:1px solid #ddd}
.category-wrapper h2{margin-top:-7px}
.category-wrapper h2 a.permalink{font-weight:normal}
.category-wrapper p{margin-bottom:6px}
.thumbnail{border:0; padding:0}

.featured-colmn .category-wrapper{border:0}
.featured-colmn .row-fluid{margin-bottom:10px; padding-bottom:1px; border-bottom:0px solid #ddd}
.featured-colmn .row-fluid a{/*color:#716f73;*/ font-family:"latolight", 'Arial', 'Helvetica',  'sans-serif'}
.featured-colmn aside{width:100%; height:auto; margin:0 0 2em}
.blog-middle-left aside:first-child{background:url("/wp-content/themes/bruce-power/img/three_tile.jpg") repeat 0 0; padding-bottom:20px}
.featured-colmn  .widget .row-fluid  a.read-more{position:relative; color:#fff;}
.featured-colmn .textwidget .read-more{position:relative; color:#fff; padding:0 0 14px}

.blog-middle {padding:0}
.blog-middle  aside{margin:0}
.blog-middle ..pfc-widget{margin-bottom:0}
.blog-middle .span-adjust{margin:0 0 42px; padding:0 0 3px; border-top:1px solid #ddd; float:left}
.blog-middle .span-adjust:first-child{display:none}
.blog-middle .span-adjust:nth-child(4){border-bottom:0px solid #ddd; padding-bottom:5px}
.blog-middle .span-adjust .box > div{display:none}
.blog-middle .span-adjust .box .date{width:100%; float:left; padding:12px 0; color:#aeaeae; font-size:0.8em; text-transform:uppercase;}
.blog-middle .span-adjust .box .date .cat-links{padding: 0 2px 0 0; list-style:none; float:right; width:70%; text-align:right}
.blog-middle .span-adjust .box .date .cat-links a{font-size:0.9em; color:#aeaeae; text-transform:uppercase; font-family:"latoregular", 'Arial', 'Helvetica',  'sans-serif'}

.blog-middle .span-adjust .box > p,
.blog-middle .span-adjust .box > h3,
.blog-middle .span-adjust .box > a{width:100%; margin:0; float:left; clear:none}
.blog-middle .span-adjust .box > h3 a{/*color:#febb3c;*/ font-size:1.475em; font-family:"latobold", 'Arial', 'Helvetica',  'sans-serif'; width:99%}
.blog-middle .span-adjust .box > p{margin:0 0 1.1em}
.blog-middle .span-adjust .box > a.read-more{color:#DB792B; font-family:"latobold", 'Arial', 'Helvetica',  'sans-serif'}
.blog-middle .span-adjust .box > a.thumbimage{width:99%; float:left; margin:0}

@media (min-width: 768px) {
	.blog-middle .span-adjust{margin:0 0 12px}
    .blog-middle .span-adjust .box > p,
	.blog-middle .span-adjust .box > h3,
	.blog-middle .span-adjust .box > a{width:63%; margin:0 0 0 3%; float:left; clear:none}
	.blog-middle .span-adjust .box > h3 a{/*color:#febb3c;*/ font-size:1.175em; line-height:120%; font-family:"latobold", 'Arial', 'Helvetica',  'sans-serif'; margin-top:-3px}
	.blog-middle .span-adjust .box > p{margin:0 0 1em 3%}
	.blog-middle .span-adjust .box > a.read-more{/*color:#febb3c;*/ font-family:"latobold", 'Arial', 'Helvetica',  'sans-serif'}
	.blog-middle .span-adjust .box > a.thumbimage{width:33%; float:left; margin:0 0 40px}
	.blog-middle .span-adjust .box > a.thumbimage img{max-height:170px; margin-bottom:12px}
}


.blog-middle-right aside{float:left; margin-bottom:20px}
.blog-middle-right aside:first-child{background:#f3f3f3; border:0}
.widget_extended-categories .widget-title,
.DisplayCategoriesWidget .widget-title{background:#43464f;  color:#fff; font-size:0.8em; margin:20px 0 2px; padding:7px 20px}
.widget_extended-categories  > ul,
.DisplayCategoriesWidget > ul{padding:0 20px 12px}
.widget_extended-categories  > ul > li > div{display:none}
.widget_extended-categories  > ul > li > ul li div{display:block}
.widget_extended-categories  > ul li ul li,
.DisplayCategoriesWidget ul > li ul li{ list-style:none; border-bottom:1px solid #dadada}
.widget_extended-categories  > ul li{list-style:none}
.widget_extended-categories  > ul li:last-child,
.DisplayCategoriesWidget ul > li:last-child{border-bottom:0}
.widget_extended-categories  ul > li ul li ul li,
.DisplayCategoriesWidget ul > li ul li{padding:0 0 0 10px; list-style:none; border-bottom:0}
.widget_extended-categories  ul > li ul li ul li a,
.DisplayCategoriesWidget ul > li ul li a{font-size:0.8em}
.widget_extended-categories ul li ul li a,
.DisplayCategoriesWidget ul li a{color:#5d616c; font-size:1em; padding:13px 5px 13px 3px; font-family:"latoregular", 'Arial', 'Helvetica',  'sans-serif'; display:block; -moz-transition-duration:0.1s; -webkit-transition-duration:0.1s; -o-transition-duration:0.1s;  transition-duration:0.1s}
.widget_extended-categories ul > li ul li ul li a,
.DisplayCategoriesWidget ul li ul li a{color:#5d616c; padding:6px 10px 6px 0; font-family:"latoregular", 'Arial', 'Helvetica',  'sans-serif'; display:block; background-image:none}
.widget_extended-categories ul > li ul li ul li a:hover,
.DisplayCategoriesWidget ul li ul li a:hover {padding:6px 10px 6px 6px; background:#5d616c; color:#fff; background-image:none}
.widget_extended-categories  ul li ul li a:hover,
.DisplayCategoriesWidget ul li a:hover{color:#fff; padding:13px 0px 13px 8px; background:#5d616c; text-decoration:none}
.DisplayCategoriesWidget ul li .children{display:none}
.DisplayCategoriesWidget ul > li:hover .children{display:block}

.blog-middle-right aside .textwidget{padding:20px; float:left; border:4px solid #f3f3f3}
.blog-middle-right aside .textwidget .span-adjust iframe{width:100%!important}
.blog-middle-right aside .textwidget .span-adjust h3{font-size:1.8em; color: #DB792B;line-height:120%; font-family: "latolight", 'Arial', 'Helvetica',  'sans-serif';}
.blog-middle-right aside .textwidget .span-adjust h3 a{line-height:150%}
.blog-middle-right aside .textwidget .span-adjust a.read-more{color:#DB792B; font-family:"latobold", 'Arial', 'Helvetica',  'sans-serif'}

.category-middle .page-header{display:none}
.lcp_catlist {width:100%; min-height:170px; float:left; margin-top:50px}
.lcp_catlist li{margin-bottom:0; padding:46px 0 10px 230px; border-top:1px solid #ddd; width:67%; min-height:155px; float:left; list-style:none; position:relative}
.lcp_catlist li .thumb{width:32px}
.lcp_catlist li a:first-child{float:none; margin-right:1px}
.lcp_catlist li a{float:left;color:#FCB529}

.lcp_catlist .lcp_date{position:absolute; top:10px; left:0; font-family:"latobold", 'Arial', 'Helvetica',  'sans-serif'; color:#acacac}
.lcp_catlist .thumb-outer{position:absolute; top:40px; left:0}
.lcp_catlist  .post-thumb{width:218px; height:128px}

.lcp_catlist .author{display:block; padding:8px 0 6px}
.lcp_catlist .title a{font-size:1.8em; color:#FCB529; line-height:120%}
.lcp_catlist li .readmore{margin:8px 0 0}
.lcp_catlist li .read-more{background-position:100% 46%}
.lcp_paginator{width:100%; text-align:center}

/*
# Blockquote 
 ```
 <section id="primary" class="span9 detail-post">
<blockquote>
<p  class="fixie"> </p>
</blockquote>
<h6  class="fixie"> </h6>
</section>
```
*/	

blockquote{border-left:0; padding:0.5em 10px 0.5em 0; quotes:"\201C""\201D""\2018""\2019"; font-family:"latobold", 'Arial', 'Helvetica',  'sans-serif'; display:inline-block; color:#DB792B; font-size:1.3em}
blockquote:before{color:#ccc; content:open-quote; font-size:4em; line-height:0.1em; margin-right:0.1em; vertical-align:-0.4em; font-family:Arial}
blockquote:after {color:#ccc; font-family:arial; content:close-quote; font-size:4em; line-height:0; vertical-align: -0.6em;}
blockquote p{display:inline}

.detail-post h6{color:#444; font-size:1em; font-weight:normal; margin:-18px 0 30px; padding-right:20px; text-align:right; font-style:italic}
.blog-landing .page-header{display:none} 
.promo_bottom{margin:20px 0}
.promo_bottom div a img{height:202px}

.page-list{margin-left:0}
.page-list .new{width:100%; float:Left;}
.page-list .new > li{width:31%; float:Left; margin-right:40px; list-style:none!important; font-size:0.9em; margin:0 18px 10px 0!important; padding:0 0 10px!important}
.page-list .new > li > a{font-weight:bold; font-size:1.1em}
.page-list .new > li > ul > li > a{font-size:1.1em}
.page-list .new > li > ul > li > ul > li > a{font-size:0.9em}
.page-list li{border-bottom:1px solid #eee; padding:5px 0!important; margin-left:0!important; list-style:none!important}
.page-list li .children{margin:13px 0 8px 8px}
.page-list li.page_item_has_children{border-bottom:0}
.page-list li a{color:#5d616c; font-family:"latoregular", 'Arial', 'Helvetica',  'sans-serif'}
.page-list li.page-item-123{display:none}
.page-list .new > li.page-item-121{border:0}
.page-list .new > li.page-item-121 > a{border-bottom:1px solid #eee; margin:0 18px 10px 0!important; padding:0 0 10px!important; width:100%}
.page-list .new > li.page-item-121 li{margin:0 0px 10px!important; padding:0 0 10px!important}
.page-list .new > li.page-item-121 li > a{font-weight:bold; font-size:1.1em}

.navbar-search {margin-top:-80px}
.navbar-search .search-query{background:#5d616c url("/wp-content/themes/bruce-power/img/search.png") no-repeat 95% center; background-size:5%; border:0; padding-right:29px; color:#b6bbbc}
.navbar-search .btn-primary{position:absolute; top:-1px; right:5px; opacity: 0; padding:0}
.navbar-search .search-query:focus{box-shadow:0 0 0!important; box-shadow:0 0 0}

@media (max-width: 980px) {
		.page-list .new > li{width:98%;}
    	.navbar-search .search-query{width:94%; background-size:2%}
		.navbar-search .btn-primary{right:5%;}
}
@media (max-width: 540px) {
    	.navbar-search .search-query{width:88%; background-size:4%}
}
/*
[//]: # (Footer Navigation - Hamburger)
*/

@media (min-width: 980px) {
    .navbar-search .search-query{width:150px}    
}
@media (min-width: 1200px) {
    .navbar-search .search-query{width:206px}
}

/*
[//]: # (Common Classes)
[//]: # (**************)
*/

/*
# Buttons

```
    <a href="" class="button arrow-button">Arrow Button <img src="/img/arrow-button-arrow.jpg" /></a>
    <br/><br/>
    <input type="submit" value="Submit" class="button arrow-button left" /><img src="/img/arrow-button-arrow.jpg" /><div class="clear"></div>
    <br/><br/>
    <a href="" class="button ghost-button">Ghost Button with lots of text</a>
    <br/><br/>
    <input type="submit" value="Ghost Button" class="button ghost-button" />    
    <br/><br/>
    <a href="" class="button link-button">Link Button with lots of text <img src="/img/link-button-arrow.png"/></a>
    <br/><br/>
    <input type="submit" value="Link Button" class="button link-button left" /><img src="/img/link-button-arrow.png"/>
```
*/

input[type=submit] {cursor:pointer; text-align:left}
.button {font-family:"latoblack", 'Arial', 'Helvetica',  'sans-serif'; font-size:1.2em; text-transform:uppercase}

.arrow-button {height:1.8334em; line-height:2em; padding:0 2.75em 0 1.59167em; background-color:#DB792B; color:#FFF; border:0; position:relative; padding:4px 32px 3px 14px}
.arrow-button:hover, .arrow-button:hover span { background-color:#FCB529; color:#FFF}
.arrow-button img {position:absolute; top:0; right:-32px; width:32px; height:100%}
.arrow-button + img {float:left; width:32px; height:100%; background:#DB792B}

@media (min-width:768px) {
    .arrow-button img {right:-45px; width:45px; height:100%}
    .arrow-button + img {width:46px; height:100%}
}
@media (min-width:992px) {
    .arrow-button img {right:-58px; width:58px; height:68px}
    .arrow-button + img {width:58px; height:68px}
}
.ghost-button {height:2.75em; line-height:2.875em; padding:0 3.08334em; color:#DB792B; background-color:#FFF; border:solid 1px #716f73}
.ghost-button:hover {color:#FCB529}

.link-button {padding:0; line-height:1.5em; color:#DB792B; background-color:#FFF; border:0; position:relative}
.link-button:hover {color:#FCB529}
.link-button img {position:absolute; top:4px; right:-20px; width:9px}
.link-button + img {margin-top:4px; margin-left:11px; width:9px}

@media (min-width:768px) {
    .link-button img {position:absolute; top:5px; right:-28px; width:11px}
    .link-button + img {margin-top:5px; margin-left:15px; width:11px}
}
@media (min-width:992px) {
    .link-button img {top:10px; width:12px}
    .link-button + img {margin-top:10px; width:12px}
}

#textarea {display: none;}
#textAreaToggle:checked + #textarea {display:block;}

label {display:block}
#textAreaToggle + #textarea + label::before {content: 'Show '}
#textAreaToggle:checked ~ #textarea + label::before {content: 'Hide '}


/*
[//]: # (Form)
[//]: # (****)
*/

/*
# Form
```
    <fieldset>
        <div class="form-row">
            <label>Text Field</label>
            <input type="text" value="Enter Text" />
        </div>

        <div class="form-row">
            <label>Select Field</label>
            <select />
        </div>

        <div class="form-row">
            <label>Textarea Field</label>
            <textarea />
        </div>

        <div class="form-row">
            <label>Radio Field</label>
            <input type="radio" />
        </div>

        <div class="form-row">
            <label>Checkbox Field</label>
            <input type="checkbox" />
        </div>
    </fieldset>
```
*/

fieldset {margin:0; padding:0; border:0; font-family:"latolight", 'Arial', 'Helvetica',  'sans-serif'; font-size:1.5625em}

.form-row {overflow:auto; margin:0 0 .5em 0; width:100%; padding:0 0 .5em 0}
.form-row label,
.form-row input,
.form-row select,
.form-row .label-area,
.form-row .control {float:left}

/*
[//]: # (Label)
*/
.form-row label, 
.form-row .label-area {margin:0 0 .4em 0; text-align:left; width:100%}

@media (min-width: 768px) {
    .no-label {margin-left:7.5em}
}

/*
[//]: # (Controls - input)
*/
.form-row input[type=text],
.form-row input[type=password],
.form-row select,
.form-row .control {width:96%; height:84px; padding:0 .3em}

textarea {width:100%; height:4em}

.form-row input[type=text],
.form-row input[type=password],
.form-row select,
.form-row .control,
.form-row textarea {font-family:"latolight", 'Arial', 'Helvetica',  'sans-serif'; color:#cdcdcc; border:1px solid #cccbcb; border-radius:0; -moz-box-shadow:inset 0 0 5px #f1f0f0; -webkit-box-shadow:inset 0 0 5px #f1f0f0; box-shadow:inset 0 0 5px #f1f0f0; /*Inner Shadow*/-webkit-box-sizing:border-box;‌​ -moz-box-sizing:border-box; box-sizing:border-box}

.form-row input[type=text]:hover,
.form-row input[type=password]:hover,
.form-row select:hover,
.form-row .control:hover,
.form-row textarea:hover {  }
.form-row input[type=text]:focus,
.form-row input[type=password]:focus,
.form-row select:focus,
.form-row .control:focus,
.form-row textarea:focus {  }

@media (min-width: 768px) {
    .form-row input[type=text],
    .form-row input[type=password],
    .form-row select,
    .form-row .control,
    .form-row textarea {width:100%}    
}

/*
[//]: # (Controls - select)
*/
.form-row input[type=checkbox], .form-row input[type=radio] {float:left; margin:.3em 0 0 0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none}

/*
[//]: # (Button)
*/
.form-row input[type=submit],
.form-row input[type=button] {  }
.form-row input[type=submit]:hover,
.form-row input[type=button]:hover {}

/*
[//]: # (Validation)
*/
.form-row .validation {font-size:80%; color:#5B5B5B; line-height:1.5em; margin-bottom:.4em; display:block}

/*
[//]: # (Browser stuff)
*/
.form-row input:focus,
.form-row input:focus {outline:none}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {-webkit-box-shadow:0 0 0px 1000px white inset}


/*
[//]: # (Forms using grid layout)
*/
fieldset .row-fluid, fieldset.row-fluid {margin:0 0 1em 0}

fieldset [class*="span"]:first-child {margin-left:0; padding-left:0}
fieldset [class*="span"] {padding-right:0; padding-left:0}

fieldset .row-fluid input[type=text] {width:100%!important}

fieldset .row-fluid label {float:left; width:98%}

@media (min-width: 768px) {
    fieldset [class*="span"] {padding-left:15px}
}

/*
[//]: # (Helpers)
[//]: # (*******)
*/
.desktop-only {display: none}
.mobile-only {display:block}

.expand {display:block!important}
/*.collapse { display: none !important; }*/

.relative {position:relative}

.no-padding {padding:0!important}
.no-margin {margin:0!important}

.no-border {border:none!important}

.right {float:right; right:0}
.bottom {position:absolute; bottom:0}
.center-text {text-align:center}

.left {float:left}
.right {float:right}
.clear {clear:both}

/* desktop styles */
@media (min-width: 768px) {
    .desktop-only {display:block}
    .mobile-only {display:none}

    .no-padding-desktop {padding:0}
    .no-margin-desktop {margin:0}
    
    .right-desktop {float:right; right:0}
}



@media print {
.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:8.5in;}
.span12{width:940px;}
.span11{width:860px;}
.span10{width:780px;}
.span9{width:700px;}
.span8{width:620px;}
.span7{width:540px;}
.span6{width:460px;}
.span5{width:380px;}
.span4{width:300px;}
.span3{width:220px;}
.span2{width:140px;}
.span1{width:60px;}
.offset12{margin-left:980px;}
.offset11{margin-left:900px;}
.offset10{margin-left:820px;}
.offset9{margin-left:740px;}
.offset8{margin-left:660px;}
.offset7{margin-left:580px;}
.offset6{margin-left:500px;}
.offset5{margin-left:420px;}
.offset4{margin-left:340px;}
.offset3{margin-left:260px;}
.offset2{margin-left:180px;}
.offset1{margin-left:100px;}
.row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;}
.row-fluid:after{clear:both;}
.row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.127659574468085%;*margin-left:2.074468085106383%;}
.row-fluid [class*="span"]:first-child{margin-left:0;}
.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.127659574468085%;}
.row-fluid .span12{width:100%;*width:99.94680851063829%;}
.row-fluid .span11{width:91.48936170212765%;*width:91.43617021276594%;}
.row-fluid .span10{width:82.97872340425532%;*width:82.92553191489361%;}
.row-fluid .span9{width:74.46808510638297%;*width:74.41489361702126%;}
.row-fluid .span8{width:65.95744680851064%;*width:65.90425531914893%;}
.row-fluid .span7{width:57.44680851063829%;*width:57.39361702127659%;}
.row-fluid .span6{width:48.93617021276595%;*width:48.88297872340425%;}
.row-fluid .span5{width:40.42553191489362%;*width:40.37234042553192%;}
.row-fluid .span4{width:31.914893617021278%;*width:31.861702127659576%;}
.row-fluid .span3{width:23.404255319148934%;*width:23.351063829787233%;}
.row-fluid .span2{width:14.893617021276595%;*width:14.840425531914894%;}
.row-fluid .span1{width:6.382978723404255%;*width:6.329787234042553%;}
.row-fluid .offset12{margin-left:104.25531914893617%;*margin-left:104.14893617021275%;}
.row-fluid .offset12:first-child{margin-left:102.12765957446808%;*margin-left:102.02127659574467%;}
.row-fluid .offset11{margin-left:95.74468085106382%;*margin-left:95.6382978723404%;}
.row-fluid .offset11:first-child{margin-left:93.61702127659574%;*margin-left:93.51063829787232%;}
.row-fluid .offset10{margin-left:87.23404255319149%;*margin-left:87.12765957446807%;}
.row-fluid .offset10:first-child{margin-left:85.1063829787234%;*margin-left:84.99999999999999%;}
.row-fluid .offset9{margin-left:78.72340425531914%;*margin-left:78.61702127659572%;}
.row-fluid .offset9:first-child{margin-left:76.59574468085106%;*margin-left:76.48936170212764%;}
.row-fluid .offset8{margin-left:70.2127659574468%;*margin-left:70.10638297872339%;}
.row-fluid .offset8:first-child{margin-left:68.08510638297872%;*margin-left:67.9787234042553%;}
.row-fluid .offset7{margin-left:61.70212765957446%;*margin-left:61.59574468085106%;}
.row-fluid .offset7:first-child{margin-left:59.574468085106375%;*margin-left:59.46808510638297%;}
.row-fluid .offset6{margin-left:53.191489361702125%;*margin-left:53.085106382978715%;}
.row-fluid .offset6:first-child{margin-left:51.063829787234035%;*margin-left:50.95744680851063%;}
.row-fluid .offset5{margin-left:44.68085106382979%;*margin-left:44.57446808510638%;}
.row-fluid .offset5:first-child{margin-left:42.5531914893617%;*margin-left:42.4468085106383%;}
.row-fluid .offset4{margin-left:36.170212765957444%;*margin-left:36.06382978723405%;}
.row-fluid .offset4:first-child{margin-left:34.04255319148936%;*margin-left:33.93617021276596%;}
.row-fluid .offset3{margin-left:27.659574468085104%;*margin-left:27.5531914893617%;}
.row-fluid .offset3:first-child{margin-left:25.53191489361702%;*margin-left:25.425531914893618%;}
.row-fluid .offset2{margin-left:19.148936170212764%;*margin-left:19.04255319148936%;}
.row-fluid .offset2:first-child{margin-left:17.02127659574468%;*margin-left:16.914893617021278%;}
.row-fluid .offset1{margin-left:10.638297872340425%;*margin-left:10.53191489361702%;}
.row-fluid .offset1:first-child{margin-left:8.51063829787234%;*margin-left:8.404255319148938%;}
[class*="span"] {float: left;}
a:link:after, a:visited:after { content:" "; }


body {font-family:"latoregular", 'Arial', 'Helvetica',  'sans-serif'; color:#444; line-height:1.6em; /* todo letter-spacing: em;*/ margin:0; padding:0; -webkit-print-color-adjust:exact;}
body>.container {margin: 1px auto;}
#page {padding:0px 0 10px}
#site-title{display:block}
body {font-size: 53%!important} /* this is our baseline 62.5% : 1em = 10px, 1.5em = 15px */
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 100%; float:left
}

p, span, a, ol, ul, table, input, div, nav {font-size:1.6em/*=(16px)*/} 

/* [//]: # (force correct size inheritance) */
input, select, th, td {font-size:1em} 

/* [//]: # (normalise nested elements) */
nav ul, p ul, p label, ul label, ul a, p a, a p, a ul, ul span, span span, div div, div p, div a, div ul, div ol, div nav, li li, li p, td p, blockquote p {font-size:1em} 

a {font-family:"latoregular", 'Arial', 'Helvetica',  'sans-serif'; text-decoration:none; cursor:pointer; display:inline-block; color:#DB792B}
a:hover {color:#DB792B}
header hgroup{display:inline-block; float:left}
header .subnav{display:inline-block; float:right}
headerprint {padding:1em 0 0; background:#43464f; clear:both}
header.page-header{background:none}
header .header{margin:0 auto}
.header .container{padding:0; margin:0 0 0 20px; padding:1em 0 0; background:#43464f; clear:both}
#branding hgroup, 
#header-image, 
.entry-content{margin-bottom:0}
#Banner .content-banner {
    position: absolute;
    top: 40px;
    left: 26px;
    width: 80%;
    text-align: center;
	margin-top:-28%
}
	#Banner{width:100%; margin:0 auto; overflow:visible}
	#Banner img{width:100%; margin:0}
	#Banner .content-banner{top:35%; width:60%}
	#Banner .content-banner h1{font-size:2.2em; line-height:120%; padding-bottom:10px}
	#Banner .content-banner a{font-size:1.2em}

.featuredvideo .right h2,
.blogfetured .right h2{font-size:1.7em}
.blogfetured .right h2{margin-bottom:11px;}
.blogfetured .right h2.widget-title{margin-bottom:17px; margin-top:20px;}
.blogfetured .read a{margin-top:13px;}
.blogfetured .textwidget img{min-height:345px;}
.featuredvideo  .span6,
.blogfetured  .span6{width:49%}
.featuredvideo .right h2.widget-title,
.blogfetured .right h2.widget-title{margin-top:12px;}
.featuredvideo,
.blogfetured ,
#primary{display:block; width:7.5in;}
#energyCalculator,
#Topstories {display:block; width:7.7in;}

	
	
	#Topstories  aside{width:33%; float:left; padding:10px 0; margin-bottom:18px; display:-webkit-box; border-right:1px solid #dcd8d5; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:flex}
	#Topstories  aside:last-child{border:0}
	#Topstories .span-adjust iframe{height:130px!important; width:79%!important}
	#energyCalculator  aside .span-adjust{width:25%; border-right:1px solid #e6e2df; margin-left:0}
	#Topstories  aside .span-adjust .box,
	#Topstories .span-adjust .box{width:89%; margin:0 auto; text-align:center}
	#Topstories  aside .span-adjust .box a{width:99%}
	#energyCalculator  .textwidget .box{width:99%}
	#Topstories  aside .span-adjust img{height:130px; width:79%!important; float:none}
	#Topstories  aside .span-adjust a img,
	#Topstories .span-adjust a.thumbimage img{height:130px; width:79%; float:none}
	#Topstories .span-adjust,	
	#Topstories .row-fluid{height:100%}	
	#Topstories .span-adjust{width:100%}
	#Topstories  .textwidget .box{width:99%}
	#menu-top-right-menu{display:none}
	#menu-top-right-menu li.more-bruce-power > a,
	#menu-top-right-menu li.employee > a,
	#menu-top-right-menu  li.employee.over > a{background:none}
	#menu-top-right-menu  li.more-bruce-power > a.active{background:#5d616c}
	.subnav{display:block; width:65%; float:right}
	.subnav{max-width:820px; float:right; display:block}
	.dropdown:hover > .dropdown-menu {display:block!important; margin-top:0}
		#menu-top-right-menu li .sub-menu{display:none}
	#menu-top-right-menu li.over .sub-menu{display:block;}
		.navbar .btn-navbar {display:none}
	.navbar .nav>li>a {padding:11px 9px 8px; font-size:0.7em}
	.navbar .nav>.tour>a,  .navbar .nav>.tour>a:focus {background-color:#E9EBF2!important; color:#43464f!important}
		body.home header .header .container{margin:0 0 0 30px}
		header .header{width:940px}
	    p {margin-bottom:5%}
    ul {padding-bottom:5%}
	.blog-middle .span-adjust{margin:0 0 12px}
    .blog-middle .span-adjust .box > p,
	.blog-middle .span-adjust .box > h3,
	.blog-middle .span-adjust .box > a{width:63%; margin:0 0 0 3%; float:left; clear:none}
	.blog-middle .span-adjust .box > h3 a{/*color:#febb3c;*/ font-size:1.175em; line-height:120%; font-family:"latobold", 'Arial', 'Helvetica',  'sans-serif'; margin-top:-3px}
	.blog-middle .span-adjust .box > p{margin:0 0 1em 3%}
	.blog-middle .span-adjust .box > a.read-more{/*color:#febb3c;*/ font-family: "latobold", 'Arial', 'Helvetica',  'sans-serif'}
	.blog-middle .span-adjust .box > a.thumbimage{width:33%; float:left; margin:0}
	.blog-middle .span-adjust .box > a.thumbimage img{max-height:170px; margin-bottom:12px}
	
	.blog-middle-left{border:1px solid :#333;}
	
	.nav-collapse{float:right; width:100%}
	 nav.main-nav ul {display:block}
     nav.main-nav ul li {float:left; list-style:none}
	.navbar .nav>li>a {padding:11px 20px 8px}
     nav.main-nav .hamburger {display:block}         
	.navbar .nav>.tour>a, .navbar .nav>.tour>a:focus{background-color:#E9EBF2}
	.navbar .nav>.active>a{color: #feba3b!important; background-color:/*#5d616c*/ #43464f!important; box-shadow:inset 0 0 0}
	.navbar .nav li.dropdown.open>.dropdown-toggle, .navbar .nav li.dropdown.open.active>.dropdown-toggle,
	.navbar .nav>.active>a:hover, .navbar .nav>li>a:hover, .navbar .nav>li:hover>a, .navbar .nav>.active>a:focus {color: #feba3b!important; background-color:#5d616c!important; box-shadow:inset 0 0 0}
	.dropdown-menu {background-color:#5d616c!important; border:0!important; -webkit-border-radius:0!important; -moz-border-radius:0!important; border-radius:0!important; box-shadow:0 0 0!important; min-width:100%; margin:0!important}
	.navbar .nav>li>.dropdown-menu:before,
	.navbar .nav>li>.dropdown-menu:after{border:0!important}
	.menu-main-menu-container{float:right; width:100%}

	
	.search-cat{display:none}

.footer {background:#f3f3f3}
.footer #colophon{margin-left:0}
.home .footer #colophon{margin-left:0}
footer .subnav{width:auto; float:right}
footer p{font-family:"latomedium"; padding-top:1px; color:#54555a; float:left}
footer p a{font-family:"latomedium"}
footer #site-generator{font-style:normal; width:auto; float:right; padding-right:12px;}
footer #menu-footer {padding:19px 0}
footer #menu-footer li{width:auto; float:left; list-style:none; padding:0 10px 0 0; margin-right:10px; border-right:1px solid #888; line-height:100%}
footer #menu-footer li:last-child{border:0}
footer #menu-footer li a{font-family:"latomedium"; color:#54555a}
footer #menu-footer li a:hover{color:#DB792B}
	
	#FooterTop aside p span:first-child{font-size:1em; width:33%; float:left; line-height:100%; margin-top:4px}
	#FooterTop aside{width:33%}
	#FooterTop aside.widget_black_studio_tinymce{width:67%}
	#FooterTop aside.widget_black_studio_tinymce .column{width:48%; float:left; margin-left:1.5%; margin-bottom:10px}
	#FooterTop aside.widget_black_studio_tinymce .column:first-child{width:47%; float:left; margin-left:3%}
	#FooterTop aside.widget_black_studio_tinymce .column:last-child a{/*color:#54555a;*/ font-size:0.9em}
	#FooterTop aside p span.footer-icon{width:135px}
	#FooterTop aside p span.footer-icon aside{width:100%}
	#FooterTop aside ul li a{width:82%; font-size:13px}
	#FooterTop .span3 img{margin:0 0 0 -2px}
	#FooterTop aside.widget_nav_menu{margin-left:0px; margin-right: 0px;}
	#FooterTop .span3{margin-left:0; width:24%}
	#FooterTop .span9{width:800px; margin-left:0; width:74%;}	
.DisplayCategoriesWidget ul li a {
    padding: 6px 5px 6px 3px;}
	#FooterTop aside p .footer-icon a {
    max-width: 23px!important;
    max-height: 21px!important;
}
#FooterTop aside p span {
    font-size:0.9em;}
	#FooterTop aside p span:first-child {
    width: 85px;}
	.gridblocks{width:100%;  display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:flex}
    .gridblocks aside{width:24.1222%;  margin-left:0; margin-right:10px; padding:0}
    .gridblocks.blog-middle-left aside{width:100%; }	
	.gridblocks .span-adjust a img{height:112px; width:81%; float:none; border:0; margin:14px 0 0px 20px; box-shadow:0 0 1px #ddd}
	.gridblocks .span-adjust .below img{border-bottom:0}
	.gridblocks .read-more{position:absolute; bottom:2px; z-index:9; left:2px; text-transform:uppercase; font-size:0.7em}
	.home .gridblocks .read-more{bottom:16px}
	.gridblocks .four img{width:auto}
	.gridblocks .textwidget a{padding-left:20px}
	.gridblocks .four .textwidget a{padding-left:0px}
	.gridblocks .four .textwidget,
	.gridblocks .four .textwidget a img{padding:0px; margin:0}
	.tiles .container{margin-left:auto}
	.tiles{width:100%; float:left; background:#f3f3f3 !important;
    -webkit-print-color-adjust: exact; padding:30px 0}
	.gridblocks aside{}
.gridblocks .two {background:url("/wp-content/themes/bruce-power/img/first_tile.jpg") repeat 0 0!important; -webkit-print-color-adjust: exact;}
.gridblocks .two p{font-family:"latolight", 'Arial', 'Helvetica',  'sans-serif'}
.gridblocks .one{background:url("/wp-content/themes/bruce-power/img/two_tile.jpg") repeat 0 0!important; -webkit-print-color-adjust: exact;}
.gridblocks .three{background:url("/wp-content/themes/bruce-power/img/three_tile.jpg") repeat 0 0!important; -webkit-print-color-adjust: exact;}
.gridblocks .four{background:#fff!important; -webkit-print-color-adjust: exact;}
.blogfetured {background: #7fb94b!important; -webkit-print-color-adjust: exact;}
.featuredvideo {background: #feba3b!important; -webkit-print-color-adjust: exact;}



.gridblocks .trustd{position:relative; width:100%; float:left; font-size:1em; padding:0; height:100%}
.gridblocks .trustd:hover{text-decoration:none}
.gridblocks .trustd h3,
.gridblocks .trustd h2,
.gridblocks .trustd h1,
.gridblocks .trustd p{position:absolute; z-index:999; text-align:center; padding:0; margin:0; width:100%}

.gridblocks .trustd h3{top:4%; color:#333; font-size:1.5em; font-family:"latolight", 'Arial', 'Helvetica',  'sans-serif';}
.gridblocks .trustd h2{top:29%; color:#111; font-size:0.9em; line-height:120%; text-transform:none; font-family:"latoblack", 'Arial', 'Helvetica',  'sans-serif'}
.gridblocks .trustd h2.bottom{top:75%;}
.gridblocks .trustd h1{top:31%; font-size:2.3em; color:#fff; font-family:"latoblack", 'Arial', 'Helvetica',  'sans-serif'}
.gridblocks .trustd h1 span{margin:0 auto;background:#0fc2dd; height:125px; width:125px; line-height:125px; display:inline-block; padding:0; border-radius:50%}
.gridblocks .trustd p{top:99%; font-size:0.7444em;color:#333}
.gridblocks .trustd p a{margin:0 auto; padding:10px; float:none;}



	.search-cat .container{margin-left:auto}
	.home .footer .container{padding-left:0px; margin-left:auto}
	.home .container{padding-left:0px; margin-left:auto;}
	.home .gridblocks .read-more {
    display:none}
		.middle-bottom .promo .outer h2{
    z-index:9999}
	.middle-bottom .promo .outer {
    top:35%}
	article.post .page-header .cat-links {
    float: right; width:auto}
	.video_view9_cont_wrapper .video_view9_container{width:28.333%!important; float:left!important; margin:0 0 2% 2%!important; min-height:475px; border:3px solid #f3f3f3!important; padding:20px 10px} 
		.video_view9_container:nth-of-type(3n+1){margin:0 0 2%!important;}		
		.video_view9_container iframe{height:210px!important; margin-bottom:10px} 
	#Expand{margin:0}
.expandable {position:relative}
.headertop  {display:none}
.headertop  .expandable .span-adjust,
.expandable .span-adjust {width:33%; float:left; margin:0; padding:10px 0 20px; border-right:1px solid #8a8e97; min-height:240px}
.expandable .span-adjust.last{border:0}
.expandable .span-adjust .box{width:100%; float:none; margin:0 auto; text-align:left}
.expandable .span-adjust:first-child .box{width:85%; padding-right:15%}
.expandable .span-adjust .box{width:75%;}
.expandable .span-adjust .box h3{font-family:"latolight", 'Arial', 'Helvetica',  'sans-serif'; font-size:1.7999em; margin-top:-20px}
.expandable .span-adjust .box p{margin:0}
.expandable .span-adjust .box a{font-family:"latolight", 'Arial', 'Helvetica',  'sans-serif'; color:#fff}
.expandable .span-adjust:first-child .box p{margin:0 0 1.7em}
.expandable a.close{position:absolute; top:10px; right:10px; background:url("/wp-content/themes/bruce-power/img/close.jpg") repeat 0 0; width:34px; height:34px; opacity:1}
.headertop .expandable .span-adjust:nth-child(2) .box{border-top:0px solid #999; border-bottom:0px solid #999; padding:0px 0 30px; Margin:10px auto}	
.middle-bottom,
#menu-footer,	
#HomeBottom,
#FooterTop aside.widget_nav_menu{display:none}	
.headerprint{background:#43464f!important; -webkit-print-color-adjust: exact; padding:20px 0 10px}
header#branding{position:relative; } 
.video_view9_cont_wrapper{display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:flex; height:350px;}
.video_view9_cont_wrapper .video_view9_container{ width: 27.333%!important}
.video_view9_cont_wrapper .video_view9_container > div.video_new_view_desc{display:none}
.single  #FirstSingle{width:24%}
.single  #primary{width:48%}
.single  #secondary{width:25%}

}

.category article .addthis_toolbox{display:none}