<!-- This is a stylesheet for WEC to customize Bootstrap code and apply special css coding ... cpk 8/2015 -->
@media (min-width: 768px) {
  .navbar-toggle, .navbar-brand {
    display: none;
  }
}

body {background-color: rgba(0,0,0,0.06);}

.isWte{  background-color: #fff;}

.jumbotron {
  padding: 0px 4px 0px 4px;
 margin-bottom: 0px;
  margin-top: 0px; /* */     
  color: inherit;
 background-color: rgba(0,104,94,0.8);
  }   
  
.jumbotron2 h1, .jumbotron2 .h1
{
      font-size: 38px;
      text-align: center;
      color: #039;
}

.jumbotron2 h2, .jumbotron2 .h2
{
      font-size: 24px;
      text-align: center;
      color: maroon;
}

/* -------- Row with equal height columns ---------*/
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

    .col-xs-1.nopad, .col-sm-1.nopad, .col-md-1.nopad, .col-lg-1.nopad, .col-xs-2.nopad, .col-sm-2.nopad, .col-md-2.nopad, .col-lg-2.nopad, .col-xs-3.nopad, .col-sm-3.nopad, .col-md-3.nopad, .col-lg-3.nopad, .col-xs-4.nopad, .col-sm-4.nopad, .col-md-4.nopad, .col-lg-4.nopad, .col-xs-5.nopad, .col-sm-5.nopad, .col-md-5.nopad, .col-lg-5.nopad, .col-xs-6.nopad, .col-sm-6.nopad, .col-md-6.nopad, .col-lg-6.nopad, .col-xs-7.nopad, .col-sm-7.nopad, .col-md-7.nopad, .col-lg-7.nopad, .col-xs-8.nopad, .col-sm-8.nopad, .col-md-8.nopad, .col-lg-8.nopad, .col-xs-9.nopad, .col-sm-9.nopad, .col-md-9.nopad, .col-lg-9.nopad, .col-xs-10.nopad, .col-sm-10.nopad, .col-md-10.nopad, .col-lg-10.nopad, .col-xs-11.nopad, .col-sm-11.nopad, .col-md-11.nopad, .col-lg-11.nopad, .col-xs-12.nopad, .col-sm-12.nopad, .col-md-12.nopad, .col-lg-12.nopad {
      padding-right: 0;
      padding-left: -0;
          }
    .positiontest {
      padding-right: -12px;
      padding-left: -12px;
      position: relative;
      visibility: visible;
      z-index: 300;
      left: -30%;
      top: -10%;
}

.lead
{
  margin-bottom: 10px;
  font-size: 16px;
}

/*** General Text Formatting ***/
H1, H2, H3, H4, H5, H6	{ 
	color: #B5121B; 
	font-style: normal; 
	font-weight: bold;
	border: 0;
	margin: 6px 0px 3px 0px;
      padding: 0;
      font-size: 100%;}

H1	{font-size: 24px; line-height: 1.11;}
H2	{font-size: 18px;}
H3	{font-size: 14px;margin-bottom:0px;}
H4	{font-size: 12px;font-weight: normal;}
H5	{font-size: 11px;font-weight: normal;}
H6	{font-size: 9px;font-weight: normal;}

p {font-style: normal;font-weight: normal;border: 0;margin: 0px 0px 8px 0px;padding: 0;font-size: 14px;}

.sidenav p a {color: #1862D9; font-weight:bold;}
.sidenav p a:hover {color: yellow; text-decoration:none;}
.sidenav p {margin-bottom: 14px;font-size: 16px;}
.sidenav h2 {margin-bottom: 14px;}

li {font-style: normal;list-style-type: circle;font-weight: normal;border: 0;margin: 0px 0px 0px 15px;padding: 0;font-size: 14px;}
.sidenav li {
      font-style: normal;
      font-weight: normal;
      border: 0;
      margin: 6px 0px 3px 0px; /* was L -36px*/
      padding: 0;
      font-size: 16px;
      list-style-type: none;}
#webslidemenu li {
      list-style-type: none;}
      
.sidenav h3 {padding-top: 24px; padding-bottom: 6px;}

.doc-thumbnail {
      padding-top: 16px;
      min-height:420px;
      }


.footer-container h1, .footer-container h2, .footer-container h3, .footer-container h4, .footer-container h5, .footer-container h6{color: white;}
.footer-container h1{font-size: 20px;margin:0px}
.footer-container h2{font-size: 18px;margin:0px}
.footer-container h3{font-size: 16px;margin:0px}
.footer-container h4{font-size: 15px;margin-left:3px;margin-bottom:0px;}
.footer-container h5{font-size: 12px;margin-left:12px;margin-top:3px;margin-bottom:2px;}
.footer-container a {color: white;}
.footer-container a:visited {color: maroon;}
.footer-container a:hover {color: yellow;}

/*** Contact Text Formatting ***/
.FormText {font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1A3A67;
	text-decoration: none;
	background-color: #CCCCCC;}

.error {color: #FF0000;}

.copyright{font-size: 11px;
	color: #1A3A67;
	font-style: italic;}
      
     
.well
{
  background-color: rgba(0,104,94,0.2);
  background-image: none;
  }   

.well-lg
{
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 14px;
  padding-left: 10px;
}


/* Not even sure carousel is used here or anywhere... sliders??? CPK 3/18/2015*/
.carousel-inner > .item > img, .carousel-inner > .item > a > img {margin: auto;}

.carousel h1 {
  font-family: Palatino;
  font-style: oblique;
  font-weight: 700;
  line-height: 1.2;
  color: inherit;
  font-size: 66px;
  margin-top: 0px;
  margin-bottom: 14px;
  }

.carousel p {
  font-family: Palatino;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  color: inherit;
  font-size: 24px;
  margin-top: 0px;
  margin-bottom: 10px;
  
  }
/* rgba(57,105,248,0.6) */
  
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, color-stop(rgba(57, 105, 248, 0.8) 0%), color-stop(rgba(57, 104, 248, 0.0001) 100%));
  background-image: linear-gradient(to right, rgba(57, 105, 248, 0.8) 0%, rgba(57, 105, 248, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, color-stop(rgba(57, 105, 248, 0.0001) 0%), color-stop(rgba(57, 105, 248, 0.8) 100%));
  background-image: linear-gradient(to right, rgba(57, 105, 248, 0.0001) 0%, rgba(57, 105, 248, 0.8) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
  
.img-circle {
  border-radius: 50%;
  margin-left: 15%;
}


/*  1em outdent, no boundary  */
p.pubref {
      margin-left: 1em;
      margin-right: 3em;
      text-indent: -1em;
}


#footer {
      border-top: 8px solid  rgba(0,104,94,1);
      padding: 16px 0 24px 0;
      background-color:  rgba(0,104,94,0.4);
}

#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6{color: white;}
#footer h1{font-size: 24px;margin:0px}
#footer h2{font-size: 20px;margin:0 0 6px 0}
#footer h3{font-size: 17px;margin:0px}
#footer h4{font-size: 16px;margin-left:3px;margin-bottom:6px;}
#footer h5{font-size: 14px;margin-left:12px;margin-top:3px;margin-bottom:6px;}
#footer a {color: white;}
#footer a:visited {color: maroon;}
#footer a:hover {color: yellow;}

#docpic img  {
        width: 100%;
        max-width: 300px;
        height: auto;
    }


.panel-body
{padding: 8px;}
.list-group
{margin-bottom: 8px;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media screen and (max-width: 1140px) {
.panel-body
{padding: 8px;}
.list-group
{margin-bottom: 6px;
}

}

@media screen and (max-width: 768px) {
.panel-body
{padding: 6px;}
.list-group
{margin-bottom: 6px;
}

}


@media screen and (max-width: 480px) {
H1	{font-size: 16px; line-height: 1.2;}
H2	{font-size: 14px;}
H3	{font-size: 12px;}
H4	{font-size: 10px;}
H5	{font-size: 9px;}
H6	{font-size: 8px;font-weight: normal;}
.panel-body
{padding: 0px;}
.list-group
{margin-bottom: 0px;
}

}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* No line on blockquotes */
blockquote
{
  border-left: 0px;
  border-left-style: none;
  border-left-color: #fff;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 0px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}