@import url('https://fonts.googleapis.com/css?family=Open+Sans');
/*Logo Image*/
/*.navbar-header .navbar-brand{
	background:url('../images/WECC_Logo_White.png');
}*/

/* Content Area Section */
.ms-rtestate-field p{margin: 0px 0px 15px 0px !important;}

/* Current Navigation */
.navigation-main .GlobalNavContainer > ul{padding: 10px 0;list-style-type:none;}
.navigation-main .GlobalNavContainer > ul li ul{padding: 10px 0;list-style-type:none;}
.navigation-main .GlobalNavContainer > ul > li > a{padding: 2px 20px; min-height: 44px;font-weight:500;}
.navigation-main .GlobalNavContainer > ul li ul li > a{padding: 2px 20px; min-height: 44px;font-weight:500;}

#sideNavBox{
	/*width:260px;*/
	margin-left:0px;
	margin-right:0px;
	background:#263238;
	/*position:fixed;*/
	font-family:Open Sans;
}
.ms-navedit-editLinksText{
	display:none !important;
}
.ms-core-listMenu-item{
	color:rgba(255, 255, 255, 0.75) !important;
}
ul.static {
  list-style-type: none;
}
ul.ms-core-listMenu-root{
	margin: 0;
    padding: 20px 0;
    list-style: none;
    position: relative;
    font-family:Open Sans;
}
.ms-core-listMenu-verticalBox li.static > ul.static > li.static > .ms-core-listMenu-item{
	padding-left:12px !important;
}
.ms-core-listMenu-verticalBox > .ms-core-listMenu-item, .ms-core-listMenu-verticalBox li.static > .ms-core-listMenu-item{
	padding:12px 20px;
	font-family:Open Sans;
	font-weight: 500;
}
ul.ms-core-listMenu-root li a,ul.ms-core-listMenu-root li span.static.menu-item{
	padding:12px 20px;
	font-weight: 500;
	color:rgba(255, 255, 255, 0.75);
	font-family:Open Sans;
	cursor:pointer;
}

.ms-core-listMenu-selected:link, .ms-core-listMenu-selected:visited, .ms-core-listMenu-selected{
	background-color:inherit;
}
/* Ribbon Box */
/*#suiteBarLeft{background-color:#263238;}*/
.ms-siteactions-root > span > a.ms-core-menu-root{padding: 8px 20px 0px 0px !important;}
.ms-siteactions-normal,.ms-welcome-root{border:none !important;height:30px;}
.ms-welcome-hover,
.ms-siteactions-hover
{
 background-color:transparent !important;
 border:none !important;
 z-index:999999;
}
.ms-core-menu-box{z-index:999999 !important;}

/* OOTB  */
.ms-dialog .page-container{min-height:100% !important;}
.ms-dialog #contentBox{margin-left:0px !important;}

/*#contentBox{margin-left:30px !important;margin-right:0px !important;margin-top:15px;min-width:100%;}*/
#contentBox{margin-left:30px !important;margin-right:0px !important;margin-top:15px;}

.ms-core-pageTitle{font-size:22px;display:inline;margin-left:20px;font-family:Open Sans;}
.ms-core-pageTitle, .ms-core-pageTitle a{font-family:Open Sans;}
.ms-promlink-button, .ms-cui-dd, .ms-cui-cb, .ms-cui-dd-text,.ms-cui-dd-arrow-button,.js-callout-closeButton,.ms-webpart-menuLink,.ms-dlgTitleBtns *{
	/*-webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing:content-box !important;*/
    -webkit-box-sizing: initial !important;
    -moz-box-sizing: initial !important;
    box-sizing:content-box !important;
}

.js-callout-mainElement{z-index:999 !important;}

#s4-bodyContainer{padding-bottom: 0px !important;}
/*#s4-workspace{
	overflow:hidden !important;
}*/
.ms-webpartzone-cell{margin:0px !important;/*padding:15px 10px;*/}
.ms-webpart-titleText > a:hover{color:#444;} 
.ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText > a{font-size:16px !important;font-family: "Open Sans" !important;font-weight: bold;}

/* WebPart ToolPane properties */
#MSOTlPn_MainTD {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1000;
  height: 100% !important;
  width: auto !important;
  overflow-y: auto;
  background: #fff;
}
#MSOTlPn_MainTD > table{
  margin-right: 10px;
  position: static;
  width: 100%;
}
.ms-TPBorder {
  width: 100%;
}

/* down arrow with image */
.ll-f-image {
  position: fixed;
  left:260px;
  top:0;
  /*z-index: 11;*/
  opacity: 1;
  bottom: 0;
  width: calc( 100% - 260px );
  height: 100%;
  /*background-image: url('/epubs/StateOfTheInterconnection/_catalogs/masterpage/SOI/images/nature-bg.jpg');*/
  background-size:cover;
  background-repeat:no-repeat;
  background-position: center;
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
}
.ll-f-image.ll-f-down {
  top:0;
}
.ll-f-image.ll-f-up {
  top:-100%;
}
.ll-downarrow {
    width: 40px;
    height: 40px;
    background-image: url('../images/down-arrow.png');
    background-size:40px;
    background-repeat:no-repeat;
    background-position: center;
    cursor: pointer;
    /*z-index: 10;*/
    z-index: 12;
    position: absolute;
    /*left: 19%;*/
    left: 0;
    right: 0;
    bottom: 15px;
    margin: 0 auto;
}
.ll-f-image.ll-f-up .ll-downarrow {
  bottom: -36px;
}
.ll-overlay-txt {
      text-align: center;
      padding: 100px 0px 0;
      position:relative;
      margin-top:150px;
}
.overlay-content{
	background-color: rgba(255,255,255,0.65);
	/*height:155px;*/
	padding:10px;
}
.ll-overlay-txt .home-title {
    font-size: 45px;
    color: #263238;
    font-weight: bolder;
    /*padding: 10px;*/
}
.ll-overlay-txt .home-comment {
    color: #263238;
    font-size: 30px;
    font-weight: bolder;
    /*padding: 10px;*/
}
.ll-overlay-logo {
  display: inline-block;
}
.ll-overlay-logo img{width:200px;}
.ll-overlay-txt p {color: #fff;font-size: 18px;}

/* Top Anchor Arrow*/
#back-top {
    position: fixed;
    bottom: 10px;
    right: 20px;
    z-index: 9999;
}
#back-top span {
    width: 38px;
    height: 38px;
    display: block;
    background: #263238 url('../images/top.png') no-repeat scroll center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a {
    width: 38px;
    display: block;
}
/*responsive*/
@media screen and (max-width: 768px) {
.ll-f-image { left: 0;width: 100%;}
.ll-overlay-txt p {font-size: 14px;}
}

/* OOTB responsive */
@media only screen and (max-width: 1200px) {
.navbar-right{display:none;}
/*.ll-downarrow{left:22% !important;}*/
}
@media only screen and (max-width: 1024px) {
.navbar-right{display:none;}
/*.ll-downarrow{left:25% !important;}*/
}

@media only screen and (max-width: 965px) {
.navbar-right{display:none;}
/*.ll-downarrow{left:30% !important;}*/
}

@media only screen and (max-width: 860px) {
.navbar-right{display:none;}
/*.ll-f-image{width:100% !important;};
.ll-downarrow{left:30% !important;}*/
}

@media only screen and (max-width: 768px) {
.sidebar {position:relative;}
#contentBox {margin-left: 0px !important;}
/*.ll-f-image{width:100% !important;}
.ll-downarrow{left:0% !important;}*/
}

@media only screen and (max-width: 610px) {
}

@media only screen and (max-width: 480px) {
}