/*
Climate responsive
*/
@import url('/climate/styles/bom-responsive.css');


h1 strong { padding:0;font-weight: 100; font-size:0.7em;}
#menuBtn {display:none;}

/* all smaller than desktop screens */
/*@media screen and (max-width: 1024px) {*/
/*        @media screen and (max-width: 1800px) { */
/* format for breadcrumbs */
    #header {height: auto;}
    #header .l_shadow {display:none;}

    #lvOptions { top: 5.0em; margin-right:10px;}
    /*icon-md-calendar-grey.png  .subscribe  */
    a.mail, a.calendar {
        background: transparent url(/climate/images/symbols/icon-md-mail-grey.png) no-repeat 5px 0.4em;

        background-color: #F0EEEB;
        box-shadow: 0 0 2px #ccc;
        border: 1px solid #ccc;

        border-radius: 16px;
        padding: 5px; /* 5px 5px 14px;*/

        text-decoration: none;
        display: block;
        box-sizing: border-box;
        overflow-x: hidden;
        text-indent: 40px;
        width: 28px;
        line-height: 1;
    }
    a.calendar {
        background:#F0EEEB url(/climate/images/symbols/icon-md-calendar-grey.png) no-repeat 5px 0.4em;
    }

    #lvOptions {
        top:0; /*1.4em;*/
        right: 10px;
    }

    #lvOptions div div {
        clear: none;
        display: inline-block !important;
        padding: 0;
        width: auto !important;
        margin-top: 1.6em;
    }
    /* end subscribe */

    #content {padding-right:10px;}


    #breadcrumb {
        margin: 0 0 0.4em -.2em;
        background-color: #e6e6e6;
        height:30px;
        box-sizing:border-box;
        padding:0;
    }

    #breadcrumb li { 
        height: 30px; line-height:30px;
        box-sizing:border-box;
        background-image:none; 
        padding-left:0;
        margin-left:6px;
    }
    #breadcrumb li:before {
        content: '/ ';
        color: #999;
        font-size: 1.2em;
        display:inline-block;
        width:10px;
    }
     #breadcrumb li:first-child:before {
        content: '';
        width:0;
        margin-left:0px;
     }
    #breadcrumb li:first-child { background-image:none; }
    #breadcrumb li:first-child  a {
        background: url(/climate/images/symbols/icon-home-16x16.svg) no-repeat 14px 6px;
        display:inline-block;
        box-sizing: border-box;
        width: 30px;
        height:30px;
        overflow: hidden;
        text-indent: 40px;
        white-space: nowrap;
    }

    /* left menu format */
    
    #left-column img { display:none; }
    h3.leftmenu { background-color:#C0CDDA;}
    h3.leftmenu a {
        border-top: 1px solid #C0CDDA !important;
        line-height: 1.8em; padding:5px; box-sizing:border-box; font-size:1.2em;
    }
    .leftmenu li.open {
        background-image: url(/climate/images/symbols/icon-up-grey-30x30.svg);
        background-position:top right;
    }
    .leftmenu li.closed {
        background-image: url(/climate/images/symbols/icon-down-grey-30x30.svg);
        background-position:top right;
    }
    .leftmenu a {
        min-width: 195px;
        display: inline-block; 
        box-sizing: border-box;
    }
    ul.leftmenu li li a {
        width:100%;
    }

    .leftmenu li a:hover { background-color: #fff ; text-decoration:none;}
    .leftmenu li:hover {background-color: #fff;}

    ul.leftmenu li { 
        min-height: 35px; line-height: 1.8em;
        background: #DAE1E9 url('/images/ui/dot.gif') 178px 10px no-repeat;
    }
    ul.leftmenu li a {background-color: #DAE1E9;}
    ul.leftmenu li li {background-color:#F3F5F8;}
    ul.leftmenu li li a {background-color:#F3F5F8;}


    #left-menu a {padding-left: 10px;}
    #left-column ul, #left-menu ul ul,  #left-menu ul ul ul, #left-column li, #left-column li li, #left-column li li li {margin:0; padding:0; box-sizing:border-box;}

    ul.leftmenu li a {padding:6px 4px 6px 15px; }

    /* pad out sub sub link headers, then counter outset nested lists */
    #left-column ul ul li.open, #left-column ul ul li.closed {
        padding:6px 15px; }
    #left-column ul ul ul {margin:6px -15px -6px -15px;}


/*       }end max 1024px     */


 /* handle right-block */
 #right-block {min-width: 190px; margin-left: 1em; margin-top: 1em; background-color: #eff2f5; float:none;}
 @media screen and (max-width: 767px){
     .flex {flex-wrap: wrap;}
     .flex > *, #right-block {
         width:100%; margin-left: 0; margin-bottom: 1em;
     }
 }
 @media screen and (min-width: 768px){
     .flex {flex-wrap: nowrap;}
     .right-block { margin-left: 1em; width: 200px;}
 } 
/* ************************************* */



/*@media (min-width:768px) and  (max-width: 1024px) and  (max-width: 1800px){*/
@media (min-width:768px)  {

    #container, #container.two-column { width:100%; float:none;} 
    .two-column #content {
        width: 92%;
        margin-left: 8%;
        box-sizing:border-box;
        margin-right: 10px;
    }

    #breadcrumb { margin: 0 0 1em -0.4em;} 

    /* push side-menu offscreen */
    #menuBtn { 
        border:none;
        border-radius: 4px;
        left: 240px; /*163px*/;
        outline: none;
        top:0;
        display:block; position:absolute; margin-top:0px;
        z-index: 99;
        width: 31px;
        height: 30px;
        min-height:30px;
        background-color: #023B70;
        background:#023B70 url('/climate/images/symbols/icon-menu-30x30.svg') 0px 0px;
    }

    #menuBtn:focus, #menuBtn:active, #menuBtn:hover,
    #menuBtn.close:focus, #menuBtn.close:active, #menuBtn.close:hover {
        background-color: #3366cc;
    }
    #menuBtn.close {
        background:#023B70 url('/climate/images/symbols/icon-close-30x30.svg') 1px 1px;
    }

    #left-column  {
        width: 230px;
        overflow-x: visible;
        margin-top:7px; margin-left: -230px; /*-164px*/
        float:none; position:absolute;
        transition: margin 600ms ease-in-out;
        opacity:0.96;
        z-index: 999999999;
    }
    #left-column.oncanvas-left {
        margin-left: 0;
    }

    .leftmenu a {width:195px;}
}

@media (max-width: 767px) {
    /* check these - used in Climate Driver Update - may be specific */
    .tabs-nested.ui-tabs {padding: 1.0em 0.0em !important;}
    .ui-tabs .ui-tabs-panel .ui-tabs-panel { padding-top:20px; }

    p.date {font-size: 0.7rem;}
    p.date > time:first-of-type:before {
        padding: 3px 4px 1px 20px !important;
    }
    .box-notice {
        margin: 1em 0.4em 1em 0;
    }
     #left-column  {
        width:100%;
    }
   
    .leftmenu a {
        width:90%; 
        min-width: 170px;
    }


    /* jquery ui */
    .ui-tabs .ui-tabs-nav li {
        float: none;
        display: inline-flex;
        margin: 4px .2em 2px 0;
        /* border-bottom: 0;*/
        padding: 0;
        /* border: 1px solid #ccc; */
        border-radius: 4px;
    }
    .ui-tabs .ui-tabs-nav li.ui-tabs-active {
        border: 3px solid #d3d3d3;
        border-bottom-color: #d3d3d3 !important;
        background-color: #fff;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 10px;
    }

    .ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: 4px; font-size: 0.9em;}

}

@media (max-width: 480px) {
    /*  unfloat blocks in tiny widths */
    .screen-sm-hide, .small-screen-hide{ display:none;}
    .box-right,.box-left, .image-right, .image-left,
    .block-30,.block-33,.block-40,.block-50,.block-60,.block-66, .block-70, .block-75 {
        float:none;
        width:auto;
        max-width:100%;
        box-sizing: border-box;
    }

    /* review */
    .block-25 {width: 50%;}
}


@media print {
	body {min-width:100%; max-width:100%;width:100%;}
	#header  {width:100%; height:auto;}
	#header .l_content {width:100%; }	
	#header-logo {width:200px;}
	#header-main, #header .l_bottom, #header .l_top ul, #header .l_shadow,#header-search   {display:none;}
	
		
	/* footer */
	#footer, #footer-columns {height:auto; margin:0;}
	#footer-columns, #pagewrap {width: 100%;padding:0;}
	#pagewrap {padding-bottom: 0px;}/* keep ref in case required to do static*/
	#footer {padding:0;}
	#footer p#copyright {border-top: none;margin:0;padding:10px 0;}
	#footer-columns ul#fc-one, #footer-columns ul {display:none; width:0;}
	#footer #timestamp {display:none;}
	
	/* page */
	#pageheight, #pagewrap {width: 100%;  margin:0; height:auto;}
	#columns, #content  {width: 100%; padding-bottom: 0;}
	#container {width:100%; float:none;}
	#container.fullwidth, #columns .two-column-right { width:98%; padding: 6px 10px 6px 13px;/*width: calc(100% - 20px);*/}

    .two-column #content {
            width: 100%;
            margin-left: 10px;
    }
	
	body, #pageheight, #columns {max-width:100%; background-color: #fff; background: none; height:auto;min-height:auto; margin-bottom:0;}
	#content { width:100%; overflow:unset; float:none;}
	#content > img, #content p > img {
		width: auto; height:auto; max-width: 100% !important;
	}
	/* aside content should be hidden as default - i.e. most right cols, menus collapsed, replaced with button controls */
	#left-column, #right-column { display:none;}

}
@page {
    margin: 0;
}

#site-announcement {display:none;}