/*
Site Colors
===== Palette =====
Dark Blue: #1F497D
#486AA1
#6E8DC7
#94B2EF
#BAD8FF
Dark Band: #333333
Light Band: #FEFEFE
*/
 .center-text {
     text-align: center;
 }

 .thumbnail {
     border: none;
 }

 .soi-page {
     font-family: "Calibri", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: "Calibri", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
 }

 .ms-rtestate-field h2 {
     color: #5d8e0a;
 }

 .soi-content h2,
 .ms-rtestate-field h2,
 .ms-webpart-titleText.ms-webpart-titleText,
 .ms-webpart-titleText > a {
     font-family: "Calibri", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
     color: #1f497d;
     font-size: 30px;
 }

 .soi-page a {
     color: #0071bc;
     text-decoration: none;
 }

 .soi-page a:hover,
 .soi-page a:active {
     color: #205493;
     text-decoration: underline;
 }

 .soi-page a:visited {
     color: #4c2c92;
 }

 .soi-page a:focus {
     box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf;
     outline: 0;
 }

 .soi-page .soi-footer a,
 .soi-page .soi-page-breadcrumb a {
     color: #d6d7d9;
 }

 .soi-page .soi-footer a:hover,
 .soi-page .soi-footer a:active,
 .soi-page .soi-page-breadcrumb a:hover,
 .soi-page .soi-page-breadcrumb a:active {
     color: #ffffff;
 }

 .soi-page .soi-footer a:visited,
 .soi-page .soi-page-breadcrumb a:visited {
     color: white;
 }

 .soi-pagetitle {
     background-color: #1F497D;
     color: white;
     border-top: 4px #FEFEFE solid;
     margin-bottom: 20px;
 }

 .navbar {
     margin-bottom: 0px;
     border-radius: 0px;
     background-color: #1F497D;
 }

 .navbar-brand {
     height: 100px;
     padding-bottom: 0px;
 }

 .ms-srch-sbLarge-fullWidth {
     width: auto;
 }

 nav span {
     color: white;
 }

 .dynamic span {
     color: black;
 }

 .ms-srch-sb {
     background-color: white;
     border-radius: 10px;
 }

 .ms-srch-sb-border {
     border: 1px solid white;
 }

 .ms-srch-sb-searchImg {
     left: -1px;
     top: -70px;
     position: absolute;
 }

 .ms-helperText,
 input.ms-helperText {
     color: black;
     font-weight: bold;
 }
 
#google_translate_element :not(#\:0\.targetLanguage):not(#gtSelect):not(#gtSelect > option) {
    color: white !important;
}
#\:0\.targetLanguage, #gtSelect, #gtSelect > option {   
    color: #666;
}
 /* ===================================================================================
   BEGIN LOCAL NAVIGATION
   =================================================================================== */
 .s4-ql {
     padding-top: 20px;
 }

 .s4-ql UL.root > LI > .menu-item,
 .soi-content .ms-quickLaunch h2 {
     background-color: #1F497D;
     text-transform: uppercase;
     font-weight: normal;
     color: #fff;
     font-size: 1em;
     text-decoration: none;
 }

 .s4-ql ul.root ul > li > a,
 a.soi-bullet,
 .soi-content .ms-quickLaunch li .item a {
     color: white;
     padding-left: 20px;
     background-repeat: no-repeat;
     background-position: 5px 10px;
     text-decoration: none;
 }

 .s4-ql ul.root ul > li > a.selected {
     padding-left: 20px !important;
 }

 .s4-ql ul.root ul > li > a:hover {
     background-color: #1F497D;
 }

 .s4-ql A.selected {
     background-color: #163459;
     background-image: none;
 }

 .s4-ql li.static,
 .soi-content .ms-quickLaunch li .item {
     background-color: #486AA1;
 }

 .soi-content .ms-quickLaunch h2 {
     padding: 10px 20px 10px 10px;
     margin: 0px;
 }

 .soi-content .ms-quickLaunch .dfwp-column {
     padding-left: 0px;
     float: none;
 }

 .soi-content .ms-quickLaunch .ms-webpart-chrome-title {
     margin-bottom: 0px;
 }

 .soi-content .ms-quickLaunch .ms-webpart-chrome-title .js-webpart-titleCell {
     display: block;
 }

 .ms-quickLaunch .ms-core-listMenu-root {
     box-shadow: 0 1px 2px rgb(0 0 0 / 60%);
 }

 /* ===================================================================================
   /END LOCAL NAVIGATION
   =================================================================================== */
 .soi-footer {
     /* border-top: 4px #5d8e0a solid; */
 }

 .soi-footer,
 .soi-footer h3 {
     color: white;
 }

 .soi-footer-agency {
     background-color: #1F497D;
 }

 .soi-footer-agency .fab {}

 .soi-footer-agency a {
     text-decoration: none !important;
 }

 .soi-footer-state {
     background-color: #183760;
 }
.ms-webpart-titleText {
    color: #1F497D;
}
 /* ===================================================================================
   BEGIN HOME PAGE
   =================================================================================== */

 .soi-band-1 {
     height: 460px;
 }

 .soi-band-1 .container {
     padding-right: 0px !important;
     padding-left: 0px !important;
     width: 100%;
 }

 .soi-band-1 .soi-page-title {
     background-color: #212b7d;
 }

 .soi-band-1 h1 {
     text-align: center;
     color: white;
 }

 .soi-band-1 #MSOZoneCell_WebPartWPQ2 {
     margin: auto auto 0px;
     margin-top: auto;
     margin-right: auto;
     margin-bottom: 0px;
     margin-left: auto;
 }

 .soi-band-1 .item {
     padding-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     clear: both;
 }

 .soi-band-1 .carousel-inner .item img {
     display: block;
     margin-left: auto;
     margin-right: auto;
 }

 .soi-band-2 {
     background-color: transparent;
 }

 .soi-band-2 .container {
     padding-right: 0px;
     padding-left: 0px;
     margin-right: 0px;
     margin-left: 0px;
     width: 100%;
 }

 .soi-band-2 h2 {
     font-weight: bold;
 }

 .soi-band-2 p {
     color: white;
 }

 .soi-band-2 .big-number-breaker-content {
     padding: 35px 0 30px;
     position: relative;
 }

 .soi-band-2 .background-style-one {
 background: url('/dceo/Style%20Library/SOISierra/Images/Tile_2.jpg');

     background-size: cover;
 }

 .soi-band-2 .background-style-two {
     background: url('/dceo/Style%20Library/SOISierra/Images/Tile_2.jpg');
     background-size: cover;
 }

 .soi-band-2 .background-style-three {
     background: url('/dceo/Style%20Library/SOISierra/Images/Tile_3.jpg');
     background-size: cover;
 }

 .soi-band-2 .big-number-breaker {
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     position: absolute;
 }

 .soi-band-2 #MSOZoneCell_WebPartWPQ10 {
     margin: auto auto 0px;
     margin-top: auto;
     margin-right: auto;
     margin-bottom: 0px;
     margin-left: auto;
 }

 .soi-band-2 .breaker-cyan {
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     position: absolute;
 }

 .soi-band-2 .ms-webpartzone-cell {
     margin: auto auto 0px;
 }

 .soi-band-2 h2.card-resources-header a {
     text-decoration: none;
     color: white;
 }

 .soi-band-3 {
          background: url('/dceo/Style%20Library/SOISierra/Images/BlueBack.jpg');
          box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
 }

 .soi-band-3 .content-area-1 {
     color: white;
     margin-top: 20px;
     border-right: 5px solid white;
 }

 .soi-band-3 .content-area-2 {
     color: white;
     margin-top: 20px;
 }

 .soi-band-3 .left-content {
     text-align: center;
 }

 .soi-band-3 .right-content {
     text-align: center;
 }

 .soi-band-3 .card-text {
     font-size: 1.17em;
 }

 .soi-band-3 .btn-primary {
     margin: 15px;
     font-size: 1.1rem;
     font-weight: bold;
     color: #fff;
     width: auto;
     padding: 15px 60px;
     border: 2px solid #fff;
     border-radius: 0;
     text-transform: uppercase;
     background-color: transparent;
     font-family: ESD Proxima Nova Bold, Helvetica, Arial, sans-serif;
     display: inline-block;
     text-align: center;
     line-height: 1;
     cursor: pointer;
     -webkit-appearance: none;
     transition: background-color .25s ease-out, color .25s ease-out;
     vertical-align: middle;
     box-shadow: 1px 1px 6px black;
 }

 .soi-band-3 .btn-primary:hover {
     color: #1F497D !important;
     background-color: white;
 }

 .soi-band-3 .btn-primary:visited {
     color: white;
 }

 .soi-band-3 h2 {
     font-weight: bold;
     color: white;
 }

 .soi-band-4 {
 
 }

 .soi-band-4 h2 {
     color: black !important;
     font-weight: bold !important;
     text-align: center !important;
 }

 .soi-band-4 .widget-heading {
     clear: both;
     font-size: 1.5em;
 }

 .soi-band-4 .soi-dfwp-list .thumbnail {
     min-height: 300px;
     text-align: center;
     border: none;
 }

 .soi-band-4 .soi-dfwp-list .thumbnail span {
     margin-left: 20px;
 }

 .soi-band-4 .fas:hover {
     text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
 }

 .soi-band-4 p,
 .soi-band-6 p {
     color: black;
 }

 .soi-band-5 {}
 
 /*
 .soi-band-5 {
     padding-top: 20px;
     text-align: center;
     box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
     margin-bottom: 30px;
     background:
     background-size: cover;
     text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
 }
*/

 .soi-band-5 img {
     vertical-align: middle;
 }

 .soi-band-5 .btn-primary {
     margin: 15px;
     font-size: 1.1rem;
     font-weight: bold;
     color: #fff;
     width: auto;
     padding: 15px 60px;
     border: 2px solid #fff;
     border-radius: 0;
     text-transform: uppercase;
     background-color: transparent;
     font-family: ESD Proxima Nova Bold, Helvetica, Arial, sans-serif;
     display: inline-block;
     text-align: center;
     line-height: 1;
     cursor: pointer;
     -webkit-appearance: none;
     transition: background-color .25s ease-out, color .25s ease-out;
     vertical-align: middle;
     box-shadow: 1px 1px 6px black;
 }

 .soi-band-5 .btn-primary:hover {
     color: #333333 !important;
     background-color: white;
 }

 .soi-band-5 h2 {
     font-weight: bold;
 }

 .soi-band-5 h3 {
     color: white;
 }

 .soi-band-5 .btn-primary:visited {
     color: white;
 }

 .soi-band-6 {
 	background-color: #ffffff;
 }
 
 .soi-band-6 .container {
     padding-right: 0px;
     padding-left: 0px;
     margin-right: 0px;
     margin-left: 0px;
     width: 100%;
 }


 .soi-band-6 .thumbnail {
     opacity: 1;
 }

 .soi-band-6 h2 {
     color: black !important;
     font-weight: bold !important;
     text-align: center !important;
 }

 .soi-band-6 .widget-heading {
     clear: both;
     font-size: 1.5em;
 }

 .soi-band-6 .soi-dfwp-list .thumbnail {
     min-height: 300px;
     text-align: center;
     border: none;
 }

 .soi-band-6 .soi-dfwp-list .thumbnail span {
     margin-left: 20px;
 }

 .soi-band-6 .fas:hover {
     text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
 }

 .soi-band-7 {
    background-color: #ffffff;
    background-size: cover;
     box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.16);
 }

 .soi-band-7 .center-content {
     text-align: center;
     color: white;
 }
 
 
 .soi-band-7 .btn-primary {
     margin: 15px;
     font-size: 1.1rem;
     font-weight: bold;
     color: #fff;
     width: auto;
     padding: 15px 60px;
     border: 2px solid #fff;
     border-radius: 0;
     text-transform: uppercase;
     background-color: transparent;
     font-family: ESD Proxima Nova Bold, Helvetica, Arial, sans-serif;
     display: inline-block;
     text-align: center;
     line-height: 1;
     cursor: pointer;
     -webkit-appearance: none;
     transition: background-color .25s ease-out, color .25s ease-out;
     vertical-align: middle;
     box-shadow: 1px 1px 6px black;
 }
  

 .soi-band-7 .btn-article {
     padding: 10px 30px;
 }

 .soi-band-7 .btn-primary:hover {
     color: #333333 !important;
     background-color: white;
 }

 .soi-band-7 .btn-primary:visited {
     color: white;
 }

 .soi-band-7 h2 {
     color: white !important;
 }
 .soi-band-7 h3 {
     font-weight: bold;
 }

 .soi-band-7 .card .card-body {
     color: white;
     text-align: center;
 }

 .soi-band-7 .card .card-body a {
     color: white;
 }

/*
 .soi-band-7 .card .card-footer {
     text-align: center;
 }
*/

 h2.soi-currentfocus-heading {
     color: #d6d7d9;
 }

 .soi-motto {
     display: none;
 }

 /* ===================================================================================
   /END HOME PAGE
   =================================================================================== */
 .soi-page-breadcrumb {
     background-color: #1F497D;
 }
   .cbs-picture3LinesLine1 {
     color: #1F497D !important;
 }

 .soi-product-cost {
     font-size: 40px;
     color: #cd481f;
 }

 .link-item a {
     display: block;
 }

 .soi-4doit {
     font-size: 1.3em;
     color: #5c8e09;
     font-weight: bold;
 }

 .soi-videolisting-line1 {
     font-size: 1.2em;
 }

 .soi-list-blog,
 .soi-videolisting-row {
     margin-bottom: 10px;
     padding-bottom: 10px;
     border-bottom: 1px #5c8e09 solid;
 }

 /* ===================================================================================
   Event Rollup styles
   =================================================================================== */
 .xslCal .left {
     width: 82px;
     float: left;
 }

 .xslCal .right span {
     display: block;
 }

 .xslCal .day {
     font-size: 30px;
     width: 78px;
     display: block;
     line-height: 35px;
     text-align: center;
     background-color: #eaeaf3;
 }

 .xslCal .title {
     color: #369;
     display: block;
     padding-top: 3px;
 }

 div.soi-calIcon .soi-calMonth {
     text-transform: uppercase;
     font-size: .8em;
     text-align: center;
     background-color: #eaeaf3;
     padding: 3px 5px 3px 5px;
     width: 68px;
     display: block;
 }

 div.soi-calIcon .soi-calDay {
     font-size: 30px;
     width: 78px;
     display: block;
     line-height: 35px;
     text-align: center;
     background-color: #eaeaf3;
 }

 div.soi-calIcon .soi-calYear {
     text-transform: uppercase;
     font-size: .8em;
     text-align: center;
     background: #5c8e09;
     color: #fff;
     padding: 3px 5px 3px 5px;
     width: 68px;
     display: block;
 }
 /*DCEO COVID Resources Styles*/

 .center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

.soi-band-1-CR {
    padding-top: 15px;
}

.soi-band-1-CR img {
    max-height: 650px;
}

.soi-band-1-CR .banner-image::before {
    background: #0a0a0a;
    opacity: 0.5;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0; right: 0; top: 0; bottom: 0;
}

.soi-band-1-CR .container {
    position: relative;
    text-align: center;
    color: white;
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.soi-band-1-CR .centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .soi-band-1-CR h2 {
    line-height: 1.5;
    font-weight: 600;
    font-size: 3rem;
    margin-top: 0px;
    margin-bottom: 0px;
}

.soi-band-1-CR p {
    font-size: 1.5625rem;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: .5rem;
}

.soi-band-2-CR {

}

.soi-band-2-CR h2 {
    line-height: 1.5;
    margin-top: 0px;
    margin-bottom: 0px;
}

.soi-band-2-CR p {
    line-height: 1.6;
}

.soi-band-2-CR .btn {
    border-radius: 0px;
}

.soi-band-2-CR .container {
    position: relative;
    text-align: center;
    color: white;
    padding: 0px;
}

.soi-band-2-CR .banner-image::before {
    background: #0a0a0a;
    opacity: 0.5;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0; right: 0; top: 0; bottom: 0;
}
.soi-band-2-CR .centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

.soi-band-3-CR {

}

.soi-band-3-CR .btn {
    border-radius: 0px;
}

.soi-band-4-CR {
    background-color: #cacaca;
}

.soi-band-4-CR h2 span {
    display: block;
    font-weight: 700;
}
.soi-band-4-CR h2 {
    padding-top: 45px;
    padding-bottom: 30px;
    font-size: 1.5625rem;
    line-height: 1.5;
    margin-top: 0px;
    margin-bottom: 0px;
}

.soi-band-4-CR p {
    line-height: 1.6;
    font-size: 1.4rem;
}

.soi-band-4-CR .btn {
    border-radius: 0px;
}

.soi-band-4-CR .capitol-container {
    position: relative;
    text-align: center;
    color: white;
    padding: 0px;
    width: auto;
}

.soi-band-4-CR .centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
 /*-------------------------------------------*/

 @media (min-width: 768px) {
     .soi-currentfocus .thumbnail {
         min-height: 520px;
     }

     .soi-dfwp-list .thumbnail {
         min-height: 358px;
         text-align: center;
     }

     .ms-srch-sbLarge-fullWidth {
         width: 568px;
     }
     .seven-cols .col-md-1,
  .seven-cols .col-lg-1  {
    width: 100% !important;
        display:table-cell !important;
    text-align: center !important;
    *width: 100% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
 }

 @media (min-width: 992px) {
     .soi-currentfocus .thumbnail {
         min-height: 520px;
     }

     .soi-dfwp-list .thumbnail {
         min-height: 310px;
         text-align: center;
     }

     h2.soi-currentfocus-heading {
         font-size: 3.5em;
     }

     .navbar-nav {
         /* padding-top:50px; */
     }
     .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714% !important;
    display:table-cell !important;
    text-align: center !important;
    *width: 14.285714285714285714285714285714% !important;
        padding-left: 0px !important;
    padding-right: 0px !important;

  }

 }

 @media (min-width: 1200px) {
     .soi-currentfocus .thumbnail {
         min-height: 470px;
     }

     .soi-dfwp-list .thumbnail {
         min-height: 280px;
         text-align: center;
     }
     .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714% !important;
        display:table-cell !important;
    text-align: center !important;
    *width: 14.285714285714285714285714285714% !important;
  }

 }