/* Recovery Page Bottom Nav */
.recover {
  text-decoration: none;
  background-color: #fec84d;
  padding: 10px;
  border: 1px solid #bbb;
  text-align: center; margin-bottom: 10px;
  display: inline-flex;
  font-weight:bold;
  transition: 0.3s;
}

.recover:hover {
  background-color: #d6e8c9;
  font-weight:none;
}

.recover:link {
  text-decoration: none;
}

ul.recovery     {
   list-style-type: none;
    }

ul.recovery-bl  li   {
        background: url(https://ww2.capecodcommission.org/images/icons/recovery-sprites-blue.png) no-repeat;
        height: 50px;
        display: inline-block;
        padding-left: 60px;
        margin-left:-45px;
    }

    ul.recovery-gr  li   {
            background: url(https://ww2.capecodcommission.org/images/icons/recovery-sprites-green.png) no-repeat;
            height: 50px;
            display: inline-block;
            padding-left: 60px;
            margin-left:-45px;
        }

        ul.recovery-or  li   {
                background: url(https://ww2.capecodcommission.org/images/icons/recovery-sprites-orange.png) no-repeat;
                height: 50px;
                display: inline-block;
                padding-left: 60px;
                margin-left:-45px;
            }

            ul.recovery-bl, ul.recovery-gr, ul.recovery-or,  li.accommodations  {
                background-position: 0 0;
            }
            ul.recovery-bl, ul.recovery-gr, ul.recovery-or,    li.culture  {
                background-position: 0 -75px;
            }
            ul.recovery-bl, ul.recovery-gr, ul.recovery-or,    li.food  {
                background-position: 0 -150px;
            }
            ul.recovery-bl, ul.recovery-gr, ul.recovery-or,    li.retail  {
                background-position: 0 -225px;
            }
            ul.recovery-bl, ul.recovery-gr, ul.recovery-or,    li.service  {
                background-position: 0 -300px;
            }


            ul.recovery-gr  li.accommodations  {
                background-position: 0 0;
            }
            ul.recovery-gr  li.culture  {
                background-position: 0 -75px;
            }
            ul.recovery-gr   li.food  {
                background-position: 0 -150px;
            }
            ul.recovery-gr   li.retail  {
                background-position: 0 -225px;
            }
            ul.recovery-gr     li.service  {
                background-position: 0 -300px;
            }


            ul.recovery-or  li.accommodations  {
                background-position: 0 0;
            }
            ul.recovery-or   li.culture  {
                background-position: 0 -75px;
            }
            ul.recovery-or   li.food  {
                background-position: 0 -150px;
            }
            ul.recovery-or    li.retail  {
                background-position: 0 -225px;
            }
            ul.recovery-or    li.service  {
                background-position: 0 -300px;
            }

   /* Full width Page top */
.page-top-full {
  width: 100%;
  font-size: 1.2em;
  margin-bottom: 25px;
  padding-bottom:20px;
  border-bottom: solid #ccc .5px;
}



   /* Stacking Columns */

   .three-column1, .three-column2, .three-column3  {
     padding:10px;
     margin-right: 20px;
     vertical-align: top;
     max-width:30%;
     display: inline-flex;
     justify-content: space-between;
}


   .two-column1, .two-column2  {
     padding:10px;
     margin-right: 20px;
     max-width:45%;
     vertical-align: top;
     display: inline-flex;
     justify-content: space-between;

   }

   .three-column2 .two-column2 {
     background:#eee;

   }

   .two-column {
   columns:  2;
   column-gap:35px;

   }

   .three-column {
   columns:  3;
   column-gap:35px;
   }

   .keeptogether {
   display: inline-block;
   width: 100%;
}


       /*GHG Rollovers*/

      .iso img:first-child{display:inline-block;}
      .iso img:last-child{display:none;}

      .iso:hover img:first-child{display:none;}
      .iso:hover img:last-child{display:inline-block;}



       /*Tabs*/
       #tabs {
           overflow: hidden;

       }

           /*Head area*/
           #tabs .head {
               display: inline-block;
               width: 100%;

           }

               #tabs .head ul {
                   list-style: none;
                   padding: 0;
                   margin: 0;
               }

               #tabs .head li {
                   float: left;
                   background-color: #eee;
                   border: none;
                   border-right: 2px solid #fff;
                   cursor: pointer;
                   padding: 10px 16px;
                   transition: 0.3s;
                   font-size: 18px;
                   color: #000;
                   text-align: center;
                   border-bottom: 4px solid #fff;
                 }

                 #tabs li.all {
                 background-color: #ccc ;
                 color:#000;
                 justify-content: space-evenly;
                 width:16.6%;
                 }

                 #tabs li.federal {
                   background: #96BF6F url(https://ww2.capecodcommission.org/images/govt/federal.png) no-repeat ;
                   padding-left:43px;
                   background-size: 40px 40px;
                   background-position: 5px 6px;
                     color:#fff;
                     width:16.67%;
                 }


                 #tabs li.state {
                   background: #53a7ac url(https://ww2.capecodcommission.org/images/govt/state.png) no-repeat ;
                   padding-left:43px;
                   background-size: 40px 40px;
                   background-position: 5px 6px;
                     color:#fff;
                     width:16.67%;
                 }


                 #tabs li.regional {
                   background: #3b768d url(https://ww2.capecodcommission.org/images/govt/regional.png) no-repeat ;
                   padding-left:43px;
                   background-size: 40px 40px;
                   background-position: 5px 6px;
                     color:#fff;
                     width:16.67%;
                 }

                 #tabs li.local {
                   background: #183445 url(https://ww2.capecodcommission.org/images/govt/local.png) no-repeat ;
                   border-right: 0px solid #fff;
                   padding-left:43px;
                   background-size: 40px 40px;
                   background-position: 5px 6px;
                     color:#fff;
                     width:16.67%;
                 }

                 #tabs li.global {
                   background: #fdb517 url(https://ww2.capecodcommission.org/images/govt/global.png) no-repeat ;
                   padding-left:43px;
                   background-size: 40px 40px;
                   background-position: 5px 6px;
                     color:#fff;
                     width:16.67%;
                 }


                 /*Head area active tab*/
                 #tabs li.active {
                     background-color: #eee;
                     border-bottom: 4px solid #ed8a36;
                   }
                   #tabs li.global.active {
                     background-color: #fdb517;
                     border-bottom: 4px solid #ed8a36;
                   }
                 #tabs li.all.active {
                   background-color: #eee;
                     border-bottom: 4px solid #ed8a36;
                 }
                 #tabs li.federal.active {
                   background-color: #96BF6F;
                     border-bottom: 4px solid #ed8a36;
                 }
                 #tabs li.state.active {
                   background-color: #53a7ac;
                     border-bottom: 4px solid #ed8a36;
                 }
                 #tabs li.regional.active {
                   background-color: #3b768d;
                     border-bottom: 4px solid #ed8a36;
                 }
                 #tabs li.local.active {
                   background-color: #183445;
                     border-bottom: 4px solid #ed8a36;
                 }


     /*Head area hover*/
   /*
           #tabs li:hover {
               background-color: #E0E0E0;
               color:#555;
           }
   */
           #tabs li.global:hover {
               background-color: #fdb517 ;
               opacity: 0.5;
               color:#000;
           }
           #tabs li.all:hover {
               background-color: #E0E0E0 ;
               opacity: 0.5;
               color:#000;
           }
           #tabs li.federal:hover {
               background-color: #96BF6F  ;
               opacity: 0.5;
               color:#000;
           }
           #tabs li.state:hover {
               background-color: #53a7ac ;
               opacity: 0.5;
               color:#000;
           }
           #tabs li.regional:hover {
               background-color: #3b768d ;
               opacity: 0.5;
               color:#000;
           }
           #tabs li.local:hover {
               background-color: #183445 ;
               opacity: 0.5;
               color:#000;
           }

           /*Content area*/
           #tabs .content > div {
              border: 1px solid #ccc;
               display: none;
               margin-top: -17px;
               padding: 20px 20px;
/*             color: #000; */
               background: #fff;
           }


               /*Content area active tab*/
               #tabs .content > div.active {
                   display: block;
               }
       /*End*/
       #reset {
           padding: 5px 10px;
           background: #4CAF50;
           border: none;
           color: #FFF;
           cursor: pointer;
       }

           #reset:hover {
               color: #4CAF50;
               background: #FFF;
           }


       /*tab width Break*/

   @media (max-width:768px) {




     #tabs .head li {
                   padding: 8px 10px;
                   transition: 0.3s;
                   font-size: 15px;
                   border-right: 0px solid;
                   width:100%;
                    }

                    #tabs li.global {
                        padding: 8px 10px;
                        transition: 0.3s;
                        font-size: 15px;
                        border-right: 0px solid;
                        width:100%;
                        background-size: 32px 32px;
                        background-position: 5px 5px;

                    }
                    #tabs li.federal {
                        padding: 8px 10px;
                        transition: 0.3s;
                        font-size: 15px;
                        border-right: 0px solid;
                        width:100%;
                        background-size: 32px 32px;
                        background-position: 5px 5px;

                    }
                    #tabs li.state {
                        padding: 8px 10px;
                        transition: 0.3s;
                        font-size: 15px;
                        border-right: 0px solid;
                        width:100%;
                        background-size: 32px 32px;
                        background-position: 5px 5px;

                    }
                    #tabs li.regional {
                        padding: 8px 10px;
                        transition: 0.3s;
                        font-size: 15px;
                        border-right: 0px solid;
                        width:100%;
                        background-size: 32px 32px;
                        background-position: 5px 5px;

                    }
                    #tabs li.local {
                        padding: 8px 10px;
                        transition: 0.3s;
                        font-size: 15px;
                        border-right: 0px solid;
                        width:100%;
                        background-size: 32px 32px;
                        background-position: 5px 5px;
                    }
   }

       /*Tabs 2 for Tabs embedded in tabs*/
       #tabs2 {
           overflow: hidden;

       }

           /*Head area*/
           #tabs2 .head2 {
               display: inline-block;
               width: 100%;

           }

               #tabs2 .head2 ul {
                   list-style: none;
                   padding: 0;
                   margin: 0;
               }

               #tabs2 .head2 li {
                   float: left;
                   background-color: #eee;
                   border: none;
                   border-right: 2px solid #fff;
                   cursor: pointer;
                   padding: 10px 16px;
                   transition: 0.3s;
                   font-size: 18px;
                   color: #000;
                   text-align: center;
                   border-bottom: 4px solid #fff;
                 }

                 #tabs2 li.all {
                 background-color: #ccc ;
                 color:#000;
                 justify-content: space-evenly;
                 width:16.6%;
                 }

                 #tabs2 li.federal {
                   background: #96BF6F url(https://ww2.capecodcommission.org/images/govt/federal.png) no-repeat ;
                   padding-left:43px;
                   background-size: 40px 40px;
                   background-position: 5px 6px;
                     color:#fff;
                     width:16.67%;
                 }


                 #tabs2 li.state {
                   background: #53a7ac url(https://ww2.capecodcommission.org/images/govt/state.png) no-repeat ;
                   padding-left:43px;
                   background-size: 40px 40px;
                   background-position: 5px 6px;
                     color:#fff;
                     width:16.67%;
                 }


                 #tabs2 li.regional {
                   background: #3b768d url(https://ww2.capecodcommission.org/images/govt/regional.png) no-repeat ;
                   padding-left:43px;
                   background-size: 40px 40px;
                   background-position: 5px 6px;
                     color:#fff;
                     width:16.67%;
                 }

                 #tabs2 li.local {
                   background: #183445 url(https://ww2.capecodcommission.org/images/govt/local.png) no-repeat ;
                   border-right: 0px solid #fff;
                   padding-left:43px;
                   background-size: 40px 40px;
                   background-position: 5px 6px;
                     color:#fff;
                     width:16.67%;
                 }

                 #tabs2 li.global {
                   background: #fdb517 url(https://ww2.capecodcommission.org/images/govt/global.png) no-repeat ;
                   padding-left:43px;
                   background-size: 40px 40px;
                   background-position: 5px 6px;
                     color:#fff;
                     width:16.67%;
                 }


                 /*Head area active tab*/
                 #tabs2 li.active {
                     background-color: #eee;
                     border-bottom: 4px solid #ed8a36;
                   }
                   #tabs2 li.global.active {
                     background-color: #fdb517;
                     border-bottom: 4px solid #ed8a36;
                   }
                 #tabs2 li.all.active {
                   background-color: #eee;
                     border-bottom: 4px solid #ed8a36;
                 }
                 #tabs2 li.federal.active {
                   background-color: #96BF6F;
                     border-bottom: 4px solid #ed8a36;
                 }
                 #tabs2 li.state.active {
                   background-color: #53a7ac;
                     border-bottom: 4px solid #ed8a36;
                 }
                 #tabs2 li.regional.active {
                   background-color: #3b768d;
                     border-bottom: 4px solid #ed8a36;
                 }
                 #tabs2 li.local.active {
                   background-color: #183445;
                     border-bottom: 4px solid #ed8a36;
                 }


     /*Head area hover*/
   /*
           #tabs2 li:hover {
               background-color: #E0E0E0;
               color:#555;
           }
   */
           #tabs2 li.global:hover {
               background-color: #fdb517 ;
               opacity: 0.5;
               color:#000;
           }
           #tabs2 li.all:hover {
               background-color: #E0E0E0 ;
               opacity: 0.5;
               color:#000;
           }
           #tabs2 li.federal:hover {
               background-color: #96BF6F  ;
               opacity: 0.5;
               color:#000;
           }
           #tabs2 li.state:hover {
               background-color: #53a7ac ;
               opacity: 0.5;
               color:#000;
           }
           #tabs2 li.regional:hover {
               background-color: #3b768d ;
               opacity: 0.5;
               color:#000;
           }
           #tabs2 li.local:hover {
               background-color: #183445 ;
               opacity: 0.5;
               color:#000;
           }

           /*Content area*/
           #tabs2 .content2 > div {
              border: 1px solid #eee;
               display: none;
               margin-top: -17px;
               padding: 20px 20px;
               color: #000;
           }


               /*Content area active tab*/
               #tabs2 .content2 > div.active {
                   display: block;
               }
       /*End*/
       #reset {
           padding: 5px 10px;
           background: #4CAF50;
           border: none;
           color: #FFF;
           cursor: pointer;
       }

           #reset:hover {
               color: #4CAF50;
               background: #FFF;
           }


       /*tab width Break*/

   @media (max-width:768px) {
     #tabs2 .head2 li {
                   padding: 8px 10px;
                   transition: 0.3s;
                   font-size: 15px;
                   border-right: 0px solid;
                   width:100%;
                    }

                    #tabs2 li.global {
                        padding: 8px 10px;
                        transition: 0.3s;
                        font-size: 15px;
                        border-right: 0px solid;
                        width:100%;
                        background-size: 32px 32px;
                        background-position: 5px 5px;

                    }
                    #tabs2 li.federal {
                        padding: 8px 10px;
                        transition: 0.3s;
                        font-size: 15px;
                        border-right: 0px solid;
                        width:100%;
                        background-size: 32px 32px;
                        background-position: 5px 5px;

                    }
                    #tabs2 li.state {
                        padding: 8px 10px;
                        transition: 0.3s;
                        font-size: 15px;
                        border-right: 0px solid;
                        width:100%;
                        background-size: 32px 32px;
                        background-position: 5px 5px;

                    }
                    #tabs2 li.regional {
                        padding: 8px 10px;
                        transition: 0.3s;
                        font-size: 15px;
                        border-right: 0px solid;
                        width:100%;
                        background-size: 32px 32px;
                        background-position: 5px 5px;

                    }
                    #tabs2 li.local {
                        padding: 8px 10px;
                        transition: 0.3s;
                        font-size: 15px;
                        border-right: 0px solid;
                        width:100%;
                        background-size: 32px 32px;
                        background-position: 5px 5px;
                    }
   }

       /*iframe width Break*/

   @media (max-width:768px) {
     #embed-responsive.show {
                  display:inline-block;
                           }
   }

   /*Timeline Elements*/

   .timeline{
       position:relative;
       margin:50px auto;
       padding:40px 0;
     width:100%;
     box-sizing:border-box;
     }
   .timeline:before{
     content:'';
     position:absolute;
     left:50%;
     width:2px;
     height:100%;
     background:#ccc;
     }
   .timeline ul{
     padding:0;
     margin:0;
     }
   .timeline ul li{
     list-style:none;
     position:relative;
     width:50%;
     padding:20px 40px;
     box-sizing:border-box;
     }
   .timeline ul li:nth-child(odd){
     /*float:left;*/
     text-align:right;
     clear:both;
     }
   .timeline ul li:nth-child(even){
     float:right;
     text-align:left;
     clear:both;
     }
   .content{
     padding-bottom:20px;
     }
   .timeline ul li:nth-child(odd):before {
     content:'';
     position:absolute;
     width:10px;
     height:10px;
     top:24px;
     right:-6px;
     background:#183445;
     border-radius:50%;
     box-shadow:0 0 0 3px #ccc ;
     z-index:11;
     }
   .timeline ul li:nth-child(even):before{
     content:'';
     position:absolute;
     width:10px;
     height:10px;
     top:24px;
     left:-4px;
     background:#183445;
     border-radius:50%;
     box-shadow:0 0 0 3px #ccc ;
     z-index:11;
     }


   .timeline ul li h3{
   padding:0;
   margin:0;
   color:#bbb;
   font-weight:600;
   }
   .timeline ul li p{
   margin:10px 0 0;
   padding:0;
   }
   .timeline ul li .time h4{
   margin:0;
   padding:0;
   font-size:18px;
   }
   .timeline ul li:nth-child(odd) .time
   {
   position:absolute;
   top:12px;
   right:-125px;
   margin:0;
   padding:6px 20px 5px 20px;
   background:#183445;
   color:#fff;
   border-radius:18px;
   box-shadow:0 0 0 3px #ccc ;
   }
   .timeline ul li:nth-child(even) .time
   {
   position:absolute;
   top:12px;
   left:-125px;
   margin:0;
   padding:6px 20px 5px 20px;
   background:#183445;
   color:#fff;
   border-radius:18px;
   box-shadow:0 0 0 3px #ccc ;
   }

   .timeline ul li .local h4{
   margin:0;
   padding:0;
   font-size:18px;
   }
   .timeline ul li:nth-child(odd) .local
   {
   position:absolute;
   top:12px;
   right:-145px;
   margin:0;
   padding:6px 40px 5px 20px;
   background: #183445 url(https://ww2.capecodcommission.org/images/govt/local.png) no-repeat;
   background-size: 32px 32px;
   background-position: right;

   color:#ffffff;
   border-radius:18px;
   box-shadow:0 0 0 3px  rgba(25, 52, 70, 0.5);
   }
   .timeline ul li:nth-child(even) .local
   {
   position:absolute;
   top:12px;
   left:-145px;
   margin:0;
   padding:6px 20px 5px 40px;
   background: #183445 url(https://ww2.capecodcommission.org/images/govt/local.png) no-repeat ;
   background-size: 32px 32px;
   color:#ffffff;
   border-radius:18px;
   box-shadow:0 0 0 3px  rgba(25, 52, 70, 0.5);
   }



   .timeline ul li:nth-child(even) .state
   {
   position:absolute;
   top:12px;
   left:-145px;
   margin:0;
   padding:6px 20px 5px 40px;
   background: #53a7ac  url(https://ww2.capecodcommission.org/images/govt/state.png) no-repeat;
   background-size: 32px 32px;
   color:#ffffff;
   border-radius:18px;
   box-shadow:0 0 0 3px rgba(83, 168, 172, 0.5);
   }
   .timeline ul li .state h4{
   margin:0;
   padding:0;
   font-size:18px;
   }
   .timeline ul li:nth-child(odd) .state
   {
   position:absolute;
   top:12px;
   right:-145px;
   margin:0;
   padding:6px 40px 5px 20px;
   background: #53a7ac url(https://ww2.capecodcommission.org/images/govt/state.png) no-repeat;
   background-size: 32px 32px;
   background-position: right;
   border-radius:18px;
   box-shadow:0 0 0 3px rgba(83, 168, 172, 0.5);
   }

   .timeline ul li .federal h4{
   margin:0;
   padding:0;
   font-size:18px;
   }

   .timeline ul li:nth-child(even) .federal
   {
   position:absolute;
   top:12px;
   left:-145px;
   margin:0;
   padding:6px 20px 5px 40px;
   background: rgba(150, 191, 111, 1.0)  url(https://ww2.capecodcommission.org/images/govt/federal.png) no-repeat;
   background-size: 32px 32px;
   color:#ffffff;
   border-radius:18px;
   box-shadow:0 0 0 3px rgba(150, 191, 111, 0.5) ;
   }

   .timeline ul li:nth-child(odd) .federal
   {
   position:absolute;
   top:12px;
   right:-145px;
   margin:0;
   padding:6px 40px 5px 20px;
   background: rgba(150, 191, 111, 1.0) url(https://ww2.capecodcommission.org/images/govt/federal.png) no-repeat;
   background-size: 32px 32px;
   background-position: right;
   color:#ffffff;
   border-radius:18px;
   box-shadow:0 0 0 3px  rgba(150, 191, 111, 0.5) ;
   }

   .timeline ul li:nth-child(even) .regional
   {
   position:absolute;
   top:12px;
   left:-145px;
   margin:0;
   padding:6px 20px 5px 40px;
   background: #3b768d  url(https://ww2.capecodcommission.org/images/govt/regional.png) no-repeat;
   background-size: 32px 32px;
   color:#ffffff;
   border-radius:18px;
   box-shadow:0 0 0 3px rgba(59, 119, 142, 0.5) ;
   }
   .timeline ul li .regional h4{
   margin:0;
   padding:0;
   font-size:18px;
   }
   .timeline ul li:nth-child(odd) .regional
   {
   position:absolute;
   top:12px;
   right:-145px;
   margin:0;
   padding:6px 40px 5px 20px;
   background: #3b768d url(https://ww2.capecodcommission.org/images/govt/regional.png) no-repeat;
   background-size: 32px 32px;
   background-position: right;
   color:#ffffff;
   border-radius:18px;
   box-shadow:0 0 0 3px  rgba(59, 119, 142, 0.5) ;
   }

   .timeline ul li:nth-child(even) .global
   {
   position:absolute;
   top:12px;
   left:-145px;
   margin:0;
   padding:6px 20px 5px 40px;
   background: #fdb517  url(https://ww2.capecodcommission.org/images/govt/global.png) no-repeat;
   background-size: 32px 32px;
   color:#ffffff;
   border-radius:18px;
   box-shadow:0 0 0 3px  rgba(253, 181, 23, 0.5);
   }
   .timeline ul li .global h4{
   margin:0;
   padding:0;
   font-size:18px;
   }
   .timeline ul li:nth-child(odd) .global
   {
   position:absolute;
   top:12px;
   right:-145px;
   margin:0;
   padding:6px 40px 5px 20px;
   background: #fdb517 url(https://ww2.capecodcommission.org/images/govt/global.png) no-repeat;
   background-size: 32px 32px;
   background-position: right;
   color:#ffffff;
   border-radius:18px;
   box-shadow:0 0 0 3px  rgba(253, 181, 23, 0.5);
   }

   @media(max-width:1000px)
   {

   .iso img {
   		width: 650px;
   	}



   .timeline{
   width:100%;
   }


   }
   @media(max-width:768px){

   .iso img {
   		width: 450px;
   	}

   .timeline{
   width:100%;
   padding-bottom:0;
   }
   .timeline ul li h4{
   font-size:19px;
   padding:0;
   margin:0;
   color:#132734;
   font-weight:600;
   }


   h1{
   font-size:40px;
   text-align:center;
   }

   .timeline:before{
   left:20px;
   height:100%;
   z-index: 10;
   }
   .timeline ul li:nth-child(odd),
   .timeline ul li:nth-child(even)
   {
   width:100%;
   text-align:left;
   top:25px;
   padding-left:40px;
   padding-bottom:45px;
   word-break: break-word;
   }
   .timeline ul li:nth-child(odd):before,
   .timeline ul li:nth-child(even):before
   {
   top:-18px;
   left:16px;
   }
   .timeline ul li:nth-child(odd) .time,
   .timeline ul li:nth-child(even) .time{
   top:-30px;
   left:40px;
   word-break: break-word;
   right:inherit;
   }

   .timeline ul li:nth-child(odd) .local,
   .timeline ul li:nth-child(even) .local{
   top:-30px;
   left:40px;
   word-break: break-word;
   right:inherit;
   }

   .timeline ul li:nth-child(odd) .federal,
   .timeline ul li:nth-child(even) .federal{
   top:-30px;
   left:40px;
   word-break: break-word;
   right:inherit;
   }
   .timeline ul li:nth-child(odd) .regional,
   .timeline ul li:nth-child(even) .regional{
   top:-30px;
   left:40px;
   right:inherit;
   }
   .timeline ul li:nth-child(odd) .global,
   .timeline ul li:nth-child(even) .global{
   top:-30px;
   left:40px;
   word-break: break-word;
   right:inherit;
   }
   .timeline ul li:nth-child(odd) .state,
   .timeline ul li:nth-child(even) .state{
   top:-30px;
   left:40px;
   word-break: break-word;
   right:inherit;
   }

   .timeline ul li:nth-child(odd) .state{
     padding:6px 20px 5px 40px;
     background-position: left;

   }

   .timeline ul li:nth-child(odd) .local{
     padding:6px 20px 5px 40px;
     background-position: left;

   }

   .timeline ul li:nth-child(odd) .regional{
     padding:6px 20px 5px 40px;
     background-position: left;

   }

   .timeline ul li:nth-child(odd) .federal{
     padding:6px 20px 5px 40px;
     background-position: left;

   }

   .timeline ul li:nth-child(odd) .global{
     padding:6px 20px 5px 40px;
     background-position: left;

   }


   .history-tl-container{
   font-family: "Roboto",sans-serif;
   width:50%;
   margin:auto;
   display:block;
   position:relative;
   }
   .history-tl-container ul.tl{
   margin:20px 0;
   padding:0;
   display:inline-block;

   }
   .history-tl-container ul.tl li{
   list-style: none;
   margin:auto;
   margin-left:200px;
   min-height:50px;
   /*background: rgba(255,255,0,0.1);*/
   border-left:1px dashed #86D6FF;
   padding:0 0 50px 30px;
   position:relative;
   }
   .history-tl-container ul.tl li:last-child{ border-left:0;}
   .history-tl-container ul.tl li::before{
   position: absolute;
   left: -18px;
   top: -5px;
   content: " ";
   border: 8px solid rgba(255, 255, 255, 0.74);
   border-radius: 500%;
   background: #258CC7;
   height: 20px;
   width: 20px;
   transition: all 500ms ease-in-out;

   }
   .history-tl-container ul.tl li:hover::before{
   border-color:  #258CC7;
   transition: all 1000ms ease-in-out;
   }
   ul.tl li .item-title{
   }
   ul.tl li .item-detail{
   color:rgba(0,0,0,0.5);
   font-size:12px;
   }
   ul.tl li .timestamp{
   color: #8D8D8D;
   position: absolute;
   width:100px;
   left: -50%;
   text-align: right;
   font-size: 12px;
   }

   .two-column {
   columns:  1;
   }

   .three-column {
   columns:  1;
   }

   .recover {
     width:97%;
   }


}