/* =================NAV=========== */
.ss-navdown:before{
	content: "\f0d7";
}

.hackyhack {
    margin-bottom: 0 !important;
}

.extramargin {
    margin-top: 11px
}

.arrow{
    height: 12px;
    width: 12px;
    border: 6px solid #999;
    border-right: 0;
    border-top: 0;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
  }
  
  .arrow-down{
      display:inline-block;
      margin:-3px;
    height: 12px;
    width: 12px;
    border: 5px solid #999;
    border-right: 0;
    border-top: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
  }
  
  .arrow-up{
    height: 12px;
    width: 12px;
    border: 6px solid #999;
    border-right: 0;
    border-top: 0;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
  }
  
  .arrow-right{
    height: 12px;
    width: 12px;
    border: 6px solid #999;
    border-right: 0;
    border-top: 0;
    transform: rotate(220deg);
    -webkit-transform: rotate(220deg)
  }
  

#topnav .container{
    padding-top:11px;
}

  
.active .ss-navdown:before { 
	content: '\f0d8';
}
@media only screen and (max-width: 767px) and (min-width: 0px){
/* changing the container class is weird -- we probably shouldn't do it!
 .container {
    width: 420px;
}
.container .subnav.column{
    width: 80%;
    margin-right: 20px;
} */
.tippy-top{
    display:none;
}


.nav-pills
    {
    display: none;
    }
}

.main-nav-container{
    border:none;
}

.nav{
    float: right;
}


/* 
.nav li a{
    padding-top: 19px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 15px;
    color: #999;
    text-decoration: none;
} */





#topnav {
    width: 100%;
    background: #f5f5f5;
    font-size: 14px;
    color: #999;
    /* padding: 10px 0; */
}

#topnav a {
    color: #999;
    text-decoration: none;
}

#logo {
    float: left;
}

#logo a {
    padding: 0px;
    margin: 0px;
}

#logo a img {
    margin-top: -10px;
    padding: 0px;
    margin: 0px;
}

#menu_btn {
    position: absolute;
    top: 5px;
    right: 0px;
}

.top-nav-bar {
    background: #f5f5f5;
    height: 40px;
}

.navbar-static-top {
    padding-top: 3em;
}


.breadcrumb{

    background-color:transparent;
    font-size: 15px;

    

}


.crumbs li a {
    color:#ccdee4;
    color: #FFF!Important;
    text-decoration: none !important;
}

.breadcrumb li a {
    color:#ccdee4;
    color: #FFF!Important;
    text-decoration: none !important;
}
.breadcrumb a:visited{
    color:#ccdee4;
	color: #FFF!Important;
}

.breadcrumb .active{

    color: #ccdee4;


}

.breadcrumb li.last a{
    font-style: bold;
    color: #FFF!Important;
    text-decoration: none !important;
}

.sf-breadscrumb breadcrumb{
    text-align: left;
    height: 55px;
}



.breadcrumb-container ol{
 
    padding-top: 17px;
    padding-bottom: 0px;
    margin-left: 0px;

}

.breadcrumb .active{

    font-weight: bold;
    color: white;
}

.share_buttons{
    padding: 14px;
}

.share_buttons{
    position: relative;
    color: #FFF;
    width: auto;
    margin: 0 0 0 0;
    top: 10px;
    right: 10px;
    max-width: 100%;
    min-width: 100%;

    display: block;
    height:100% !important;
    width:100% !important;

    max-width: 100%;
    min-width: 100%;
}

.social_share_button{
    padding-right: 10px;
    padding-top: 10px;
    position: relative;
    /* display: block; */
}



.sf_colsOut sf_3cols_1_33{
    max-width: 100%;
    min-width: 100%;
    padding: 10px;
}

.giving_content{
    margin-top: 400px;
}

.for_donors_box{
    background: #f5f5f5;
    padding: 20px 10px 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.for_donors_box h3{
    font-family: "proxima-nova-bold", "proxima-nova", Helvetica, Arial, sans-serif;
    font-size: 19px;
}

.subnav {
    background: #f5f5f5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 0px solid #f5f5f5;
    padding: 1px 1px 5px 8px;
    text-transform:capitalize;
}

.subnav-right{
    padding-top: 5px;
    padding-left: 10px;
    /*margin-top:18px;*/
}

.nav-container {
    margin-bottom: -10px;
    border-bottom: 3px solid #f5f5f5;
}

a.menu-link {
    float: right;
    display: block;
    padding: 1em
}




.main-nav {
    clear: both;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.js .main-nav {
    overflow: hidden;
    max-height: 0
}

.main-nav.active {
    max-height: 25em
}

.main-nav ul {
    margin: 0;
    padding: 0
}

.main-nav li a {
    font-family: "proxima-nova-bold", "proxima-nova", Helvetica, Arial, sans-serif;
	display: block;
	font-weight:bold;
    color: #0d7c99;
    text-decoration: none
}

.main-nav ul#nav_mobile {
    margin: 0;
    border: 0;
    background: #FFF
}

.main-nav ul#nav_mobile li {
    margin: 0;
    padding: 10px 5px;
    text-align: center;
    border-bottom: 1px solid #f5f5f5
}

.main-nav ul#nav_screen li {
    width: 120px
}

.main-nav ul#nav_screen li a {
    padding: 55px 32px 20px 15px !important
}

.main-nav ul#nav_screen li:last-child {
    background: #8aa344;
    width: 130px;
    color: #fff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhhYTM0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZTc3MmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #8aa344 0, #5e772e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8aa344), color-stop(100%, #5e772e));
    background: -webkit-linear-gradient(top, #8aa344 0, #5e772e 100%);
    background: -o-linear-gradient(top, #8aa344 0, #5e772e 100%);
    background: -ms-linear-gradient(top, #8aa344 0, #5e772e 100%);
    background: linear-gradient(to bottom, #8aa344 0, #5e772e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8aa344', endColorstr='#5e772e', GradientType=0)
}

.main-nav ul#nav_screen li:last-child a {
    color: #fff;
    padding-right: 45px
}

a.top-menu-link {
    width:100%;
    text-align: center;
    display: inline-block;
    padding: 0
}

#topnav .main-nav {
    clear: both;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

#topnav .js .main-nav {
    overflow: hidden;
    max-height: 0
}

#topnav .main-nav.active {
    max-height: 25em
}

#topnav .main-nav ul {
    margin: 10px 0 0 0;
    padding: 0;
    background: #f5f5f5
}

#topnav .main-nav li {
    text-align: center
}

#topnav .main-nav li a {
    font-family: "proxima-nova", Helvetica, Arial, sans-serif;
    display: block;
    color: #999;
    text-decoration: none;
    padding: 0;
    font-weight: normal
}

#breadcrumbs {
    padding-top: 15px
}

.crumbs-container div{
    height: 100%;
    /* width: 100%; */
}



.crumbs-container {
    padding-top: 15px;
    /* position: relative;
    overflow: hidden; */
    /* height: 4.7em; */
    height:100%;
    -webkit-transition: height .5s ease-out;
    -moz-transition: height .5s ease-out;
    -o-transition: height .5s ease-out;
    transition: height .5s ease-out
}

.crumbs-container.active {
    height: 13.6em;
    color: #FFF;
    text-decoration: none
}

.crumbs-container a, .crumbs-container.active a {
    color: #FFF;
    text-decoration: none
}

.crumbs {
    width: 100%;
    /* position: absolute; */
    bottom: 0;
    font-size: 15px;
    text-align: left
}

.crumbs li a {
    display: block;
    padding: .5em 1em 1em;
    color: #ccdee4 !important;
    background: url(/sf-images/default-source/default-album/bg_divider.png?Status=Temp&sfvrsn=f6284463_2) repeat-x left bottom
}

.crumbs li:last-child a {
    border-bottom: 0
}

.crumbs li.last a {
    color: #FFF!Important;
    font-weight: 700
}

#crumbs-trigger {
    position: absolute;
    top: 21px;
    right: 0;
    display: block;
    font-size: 2em;
    padding: 0 2em .2em
}

.mobile-report-breadcrumbs {
    display: none;
    margin-bottom: 0;
    font-family: "proxima-nova-bold", "proxima-nova", Helvetica, Arial, sans-serif
}

.mobile-report-breadcrumbs li {
    margin-bottom: 0
}

.breadcrumb {
    margin-bottom: 0px !important;
}

#nav_screen{
    display:flex;
    float:right;
    display:-webkit-flex;
}

@media screen and (min-width:768px) {
    .main-nav-container{
        border-bottom:3px solid whitesmoke;
    }
    .container .subnav.column{
        padding: 0px 0px 5px 10px; 
    }

    .container .subnav.column h3{
        margin-top: 0px;
        margin-bottom: 0px;
        padding-left: 0px;
    }

    /*.container .subnav.column{
        padding-left: 10px
    }*/
    
    #topnav .js .main-nav {
        max-height: none
    }
    #topnav .main-nav ul {
        float: right;
        margin: 0;
        border: 0
    }
    #topnav .main-nav li {
        margin: 0;
        padding: 0;
        margin-left: 10px
    }
    #topnav .main-nav li a {
        border: 0;
        color: #999;
        text-decoration: none;
        font-weight: normal
    }    
}




.breadcrumb-container .social-float{
    top:10px;
    right:15px;
    display:table;
    margin:auto;
}
.breadcrumb-container .social-float img{
    padding-bottom:20px;
}
@media only screen and (min-width: 768px){
    
    .breadcrumb-container {
        height: auto;
        min-height: 55px;
    }
    
    .breadcrumb-container ul{
        margin-bottom:0;
    }
    
    #breadcrumbs {
        padding-top: 0
    }
    .crumbs-container {
        margin-bottom: -15px
    }
    .crumbs-container.active {
        height: 4.2em
    }
    .crumbs {
        padding: 1em 1em .5em
    }
    .crumbs li {
        display: inline
    }
    .crumbs li a {
        display: inline;
        border: 0;
        padding: 0;
        color: #ccdee4;
        background: none!Important;
        text-decoration: underline
    }
    .crumbs li.last a {
        color: #FFF;
        font-weight: 700;
        text-decoration: none !important
    }
    .crumbs li.last:before, .crumbs li.last:after {
        content: ''
    }
    #crumbs-trigger {
        display: none;
        padding-right:2em;
    }

    .social_share_button{
        /* padding-right: 10px;
        padding-top: 10px;
        position: relative; */
        /* display: block; */
    }

  .lowercase{
    font-weight: bold;
    font-size: 19px;
    margin-top: 10px;
    margin-bottom: 0px;
  }

 .subpage-content{
    width: 520px;
    margin-right: 30px;
 }

 .subpage-content h2{
    font-size: 30px;
    font-weight: 500px;
    line-height: 110%;
    margin-top: 5px;
 }


 .subpage-content-middle{
     padding: 10px;
     padding-bottom:2vh;
 }




@media screen and (min-width:768px) {
    .js .main-nav {
        max-height: none
    }

    .main-nav-container{
        margin-top:-11px;
        border-bottom:3px solid whitesmoke;
    }

    
    .main-nav ul#nav_screen {
        /* display: block; */
        margin: 0;
        border: 0
    }
    
    .main-nav li {
        /* display: inline-block; */
        margin: 0;
        border-left: 1px solid #f5f5f5
    }
    .main-nav li.selected {
        background: #f5f5f5
    }
    .main-nav li a {
        border: 0;
        color: #0d7c99;
        font-weight: bold;
        text-decoration: none;
        padding: 0 !important
    }
    .subnav_divider {
        background: #f5f5f5;
        height: 3px;
        margin: 0 0 14px 0
    }

    /* .container {
        margin-left: 20px;
        margin-right: 20px;
    } */
}


@media all and (max-width:768px) {
    .mobile-report-breadcrumbs {
        display: block;
    }
}


/* .blue_box_200{
    display:inline-block;
}

.blue_box_200 .social{
    display:block;
} */


}


h4{
    font-size: 17px;
    /* line-height: 30px; */
    margin-bottom: 4px;
    font-weight: bold;
    /*padding-left: 7px;*/
}

.smaller{
    text-align: center;
    font-size: 36px;
    line-height: 140%;
}

.light {

        text-align: center;
        color: #FFF;
        padding: 0 25px;
        font-size: 24px;
        line-height: 140%;
        font-weight: 300;
        clear: both;
  
}



/* 
negating the weird blue background that sitefinity is forcing on navpills that are focused
 */
.nav-pills li a{
    background:transparent !important;
    color:grey !important;
} 


.subnav.column h3 {
    font-size: 19px;
    line-height: 1;
    font-weight: bold;
    padding-top:13px;
    /* margin-bottom:-21px; */
}

ul.subnav li {
    background: url(/sf-images/default-source/default-album/bg_arrow_subnav.png?sfvrsn=d2366960_2) no-repeat right bottom;
    padding-right: 25px;
}

ul.subnav li {
    line-height:19.6px;
    padding-top:10px;
    text-decoration:none;
    font-weight:400;
    margin-right:1em;
}
ul.subnav a, ul.subnavLg a, ul.sealholder a {
    color: #0d7c99;
}

.small-scrn-breadcrumbs{
    
}
@media only screen and (max-width:768px){
    .large-scrn-breadcrumbs{
      display:none;
    }
}

@media only screen and (min-width:768px){
    .small-scrn-breadcrumbs{
        display:none;
    }
    
    .smaller{
        padding: 20px 160px 10px;
    }


}
@media only screen and (max-width:992px){
    .blue_box_200{
        min-height:110px;
    }
    /* .breadcrumb-container{
        height:115px;
        width: 80%;
        left: 3%;
    } */
}


@media only screen and (min-width:1000px){
    .float-right{
        float:right !important;
    }
    
    .nav-pills{
        /* margin-right:-15%; */
    }
}


.st-custom-button[data-network] {
    background-color: #0adeff;
    display: inline-block;
    padding: 5px 10px;
    cursor: pointer;
    font-weight: bold;
    color: #fff;
    
 
}

.btn .btn-primary{
    padding: 50px;
}

.btn .btn-primary:hover{
    background: white !important;
}

#blue_box_100 h1.smaller {
    text-align: center;
    font-weight: 300;
    color: #FFF;
    padding: 20px 180px 10px;
    font-size: 36px;
    line-height: 140%;
    padding-top: 50px;
  }

  .btn-centre {
    margin: 0 auto;
    display: inline-block;
    width: 100%;

    padding-bottom: 25px;
}

/* Fixes one thing on the right, but breaks the thing on the left */
/* ul.subnav{
    padding: 20px 10px 5px;
} */

.searcher-results{

    border-bottom: solid whitesmoke 3px;
    margin-bottom: 20px;
  }

  .lesser-row .row{
      margin-bottom: 0px;
  }

  .sf-search-results .media-list{
      padding-top: 20px;

  }

  .searcher-results h3{
      font-size: 23px;
  }


  .search-module{
      /* padding:20px; */
      float: left;
  }

  .tabbers{
      display: inline-flex;
  }

  .tabbers .nav li a{
      padding-right: 10px;
  }

  .search-module-container{

    background: transparent;
    padding: 0px;
    margin: 0 auto;
   

  }

  .search-module-container .nav .nav-tabs{
    background:  white;
  }

  .searcher-box-large button{

	border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    /* height: 34px; */
  
    

}

.searcher-box-large input{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: 0px;
 
    /* height: 40px; */
}

  .searcher-box-large li{
    background: transparent;
    border-radius: 5px 5px 0px 0px;
  }

  .searcher-box-large .nav{
      float: left;
  }

  .searcher-box-large .nav li a{
      /* padding-left: 0px;
      padding-right: 10px; */
      padding: 10px;
  }

  #search-box-large-left {
    background: #0f8ea8;
    border-radius: 5px 0px 0px 0px;
    text-align: center;
    width: 150px;
  }
  #search-box-large-left:hover {
      background: #0f8ea8;
  }
  #search-box-large-left a {
    color: white;
  }

  #search-box-large-right {
    border-top: 1px solid #0f8ea8;
    border-right: 1px solid #0f8ea8;
    border-radius: 0px 5px 0px 0px;
    width: 150px;
    text-align: center;
  }
  #search-box-large-right a{
    color: #0f8ea8;

  }

  #ul-tabs{
    border-bottom: none;
    padding: 0px;
    
  }


  .nav-tabs > li > a:hover {
    border-color: transparent;
}
.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: transparent;
}

.col-sm-12{
    padding:0px;

}

.sf_colsIn .col-md-12{
    padding: 0px;

}

.form-control .ui-autocomplete-input{
    padding: 0px;

}

  /* .searcher-box-large .nav li a:first-child{
    background: white;
  } */



/* 
  .nav-tabs:first-child{

  }

  .nav-tabs:last-child{
    background: white; 
  } */

   
  .nav-tab li:active{
    background: transparent;
  }
  
  .nav-tabs li:last-child{
    background: white;
  }


  .input-group-btn{
      background-color: transparent;
      padding-bottom: 2px;
  }

  .btn-default{
    background-color: transparent; 
  }

  /*
  
  Pulled from main.css, where this code resides originally 
.row .search-module-container{
    width: 109%;
    width: 109.335%;
    padding-left: 0px;
    padding-right: 0px;
  
    margin: 0px;
    display: flex !important;
  } */
  
  .form-inline .form-control{
    width: 80%;
    box-shadow:none;
  }
  




  .input-group .col-sm-12{

  border-radius: 0px 0px 0px 5px;
  border: 1px solid #0f8ea8;
  width: 80%;
  height: 42px;
}

.input-group-btn{
    width: 20%;
}


.large_search_box_button {
    border: 1px solid #0f8ea8;
    background: #0f8ea8;
    height: 42px;
    /* width: 20%;
    width: 50%; */

}

.large_search_box {
    border-radius: 0px 0px 0px 5px;
    border: 1px solid #0f8ea8;
    /* width: 80%; */
    height: 42px;

}




/* .input-group .col-sm-12 .test{
padding-left: 10px;
} */

.large_search_box_button:hover {

    border: 1px solid #0f8ea8;
    background: #0f8ea8;
    height: 42px;
    /* width: 20%; */

}

/*label,
legend {
  display: block;
  font-family: "proxima-nova-bold", "proxima-nova", Helvetica, Arial, sans-serif;
  font-size: 13px;
  float: right;
}*/




@media only screen and (min-width:768px) and (max-width:1000px){
    
 
}




#blue_box_100 h2{
    text-align: center;
}

.media .sf-media{
    padding: 30px;
}

.sf-search-results .media-list{
    padding-top: 30px;

}

.lesser-row{
    padding-top: 40px;
}

.container, .container-fluid{
    padding: 0px;
}



.media-body .sf-media-body .searcher-results{
    padding: 40px;
}

.searcher-results{
    padding-top: 20px;
   
}

.news-updates{
    padding-top: 40px;
}

.news-updates h3{
margin-top: 0px;
}


.searcher-box-large{
    display: flex !important;
    padding: 0px;
    padding-bottom: 20px;
}

.searcher-box-top{
    display: flex !important;

}


    
.searcher-box-top button{

border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
height: 34px;
width:25%;
}

.searcher-box-top input{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    /* height: 40px; */
}

.searcher-box-top li{
    background: transparent;
    border-radius: 5px 5px 0px 0px;
}

.grey-bar-top{
    padding-top: 5px;
    padding-bottom: 5px;
}

.text-muted{
    padding-top: 10px;
}

.lesser-row label{
    padding-top: 10px;
}

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

    .searcher-box-top{
        width: 80%;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        }

      

        .large_search_box{
            width: 60%;
        }

        .large_search_box_button{
            width: 40%;

        }

        .large_search_box_button:hover{
            width: 40%;

        }

        .top-nav-hidden{

        }

       

  
}


.tippy-top-container{
    padding-top: 0.5em;
    padding-bottom: .5em;
}

.news-individual-item h2{
	font-size:30px;
	line-height:110%;
	margin-top:5px;	
}

.news-date{
	margin-top:2em;
}


@media only screen and (max-width:1199px){
    .searcher-box-top input{
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        /* height: 40px; */
    }
}