body {
  padding-bottom: 30px;
  -webkit-font-smoothing: antialiased;
  font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
  font-size: 16px;
  min-height: 600px;
  //max-width: 1200px;
}
th{
    padding-right: 5px;
}
input[type=text], input[type=email], textarea{
    border: 1px solid darkgray;
}
.nav-container{
    margin: 0 14px;
}
.container{
    padding-left: 5px;
    padding-right: 5px;
}


.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}

.btn-info {
  border-color: #ffffff;
}


/* 
bootstrap navbar theme, intially generated:
http://work.smarchal.com/twbscolor/css/4dbce93785a5ffffff9f2b971 
*/
.navbar-default {
  background-color: #4dbce9;
  border-color: #3785a5;
  font-weight: bold;
}
.navbar-default .navbar-brand {
  color: #ffffff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #eda833;
}
.navbar-default .navbar-text {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #eda833;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #4dbce9;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #eda833;
  background-color: #3785a5;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #3785a5;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #eda833;
  background-color: #3785a5;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #eda833;
  background-color: #3785a5;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #eda833;
  background-color: #3785a5;
}
.navbar-default .navbar-toggle {
  border-color: #3785a5;
  margin-left: 10px;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #3785a5;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ffffff;
}
.navbar-default .navbar-link {
  color: #ffffff;
}
.navbar-default .navbar-link:hover {
  color: #eda833;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #eda833;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #eda833;
    background-color: #3785a5;
  }
}
/* end navbar generated*/

#authentication-nav{
    margin: 0px;
    right: 0;
    top: 52px;
    float: right;
    position: absolute;
    padding: 7px;
    background-color: #4dbce9;
}
#hero-main{
    width: 80%;
    max-width: 810px;
    display: block;    
    margin-right: auto;
    margin-left: auto;
    position: relative;
    margin-top: 65px;
    margin-bottom: 0px;
}
#find-district-icon{
    width: 70px;
    height: auto;
    position: absolute;
    margin-top: 42px;
    margin-left: -40px;
}
#hero-main .logo{
    height: 180px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}
#hero-main h1{
    display: inline-block;
    text-align: center;
    font-size: 50px;
    vertical-align: middle;
    max-width: 558px;
}
#hero-main h3{
    display: inline-block;
    text-align: justify;
    text-justify: newspaper;
    padding-bottom: 5px;   
}


#hero-top{
    margin-top: 60px;
    height: 100%;
    margin-bottom: 10px;
    /*background-color: gray;*/
}
#hero-logo{
    width: 12%;
    min-width: 110px;
    /*width: 110px;*/
    display: block;
    float: left;
    /*background-color: blue;*/
    margin-left: 1%;
}
#hero-logo img{
    width: 100%;
}
#hero-subject{
    height: 100%;
    /*background-color: yellow;*/
    margin-left: 15%;
    padding-top: 3%;
}
#hero-subcontent {
    margin-left: 15%;
}


h2 {
    font-size: 26px;
    color: #4dbce9;
    font-weight: bold;
    /*padding-top: 10%;*/
}


/*

Myriad Pro Bold
Myriad pro Bold Condensed Italic
Myriad Pro Regular
Myriad Pro Semibold
*/
.divider{
  font-size: 20px;
  font-weight: bold;
  color: white;
  padding-left: 10%;
  padding-top: 3px;
  padding-bottom: 3px;
  margin: 5px 0;
}

.org-divider{
  font-size: 5px;
  font-weight: bold;
  color: white;
  padding-left: 10%;
  margin: 5px 0;
}

.container.description{
  width: 100%;
  font-size: 15px;
  color: white;
  text-align: center;
  margin: 20px 0;
  padding: 0 10px;
}

.red{
    background-color: #ED6B6D;
}
.errorred{
    background-color: #f6b5b6;
}
.yellow{
    background-color: #eda833;
}
.blue{
    background-color: #4dbce9;
}
.purple{
    background-color: #80619f;
}
.green{
    background-color: #4f9e97;
}
.successgreen{
     background-color: lightgreen;
}
.grey{
    background-color: #D1D3D4;
}
.lightgrey{
    background-color: #e3e4e5;
}
.white{
    background-color: #ffffff;
}

.bold{
    font-weight: bold;
}
.italic{
    font-style: italic;
}
.textwhite{
    color: white;
}
.textred{
    color: #ED6B6D;
}
.textyellow{
    color: #eda833;
}
.textblue{
    color: #4dbce9;
}
.textpurple{
    color: #80619f;
}
.textgreen{
    color: #4f9e97;
}
.textgrey{
    color: #D1D3D4;
}

.social-ico{
    margin-left: 20px;
}
.container a.social-ico:visited, a.social-ico:link{
    color: white;
}
.container a.social-ico:hover{
    color: #eda833;
}


.cta{
    text-align:center;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}
.cta a{
    width: 50%;
    display: block;
    float: left;
}


footer{
    position: fixed;
    height: 40px;
    bottom: 0;
    width: 100%;
    font-size: 12px;
    border-top: 1px solid #e8e8e8;
    background-color: white;
}
footer li {
  float:left;
  padding: 10px;
  list-style-type:none;
}
footer .copyright{
    float:right;
    padding-right: 40px;
}



#mission-banner {
  width: 100%;
  height: auto;
}




ul #id_districts, #id_categories {
    float:left;
    padding-left: 10px;
}
#id_categories {
    width: 220px;
}
form label #organization-search-form{
    float:left;
}

.btn-group li{
    list-style-type: none;
} 

/* Organization search */
.org-search #organization-search-form{
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
}
#organization-search-form li:hover {
    color: #eda833;
}
#organization-search-form .dropdown-toggle {
    padding: 5px 0;
    width: 120px;
    font-size: 13px;
    margin-right: 10px;
}
#organization-search-form #id_search {
    border: 1px solid #ccc;
    margin-left: 10px;
}
#organization-search-form #search_reset {
    display: inline-block;
}
#organization-search-form.home{
    margin-right: auto;
    margin-left: auto;
    width: 425px;
}


/* Organization listing & detail */
#org-details-content .category-tags{
    padding-top: 15px;
}
.organization-name, .organization-content {
    display: inline;
}
.organization-name{
    display: block;
    margin-top: 0;
    margin-bottom: 3px;
}
.organization-content{
    display: block;
    margin-top: 8px;
    margin-bottom: -7px;
}
.organization .district{
    float: right;
    font-size: 13px;
}
.organization.listing{
    border: 10px solid white;
    padding: 10px 10px;
    cursor: pointer;   
    width: 95%;
    min-width: 320px; 
}

.carousel-inner>.organization.listing{
    height: 55%;
}
.organization.listing:hover{
    border: 10px solid #eda833;
    border-radius: 10px;
    /*background: #fdf6ea;*/
}
.organization img{
    display: block;
    height: auto;
    max-width: 100%;
    max-height: 400px;
}
#org-header-image{
    display: block;
    height: auto;
    width: 100%;
    max-width: 800px;
    max-height: 350px;
}
img.listing{
    width: 70%;
    min-width: 225px;
}
img.district{
    height: auto;
    width: auto;
    max-height: 100px;
    max-width: 150px;
    clear: both;
}
.listing .categories{
    position: relative;
}
.listing .category-tags{
    padding-top: 10px;
    display: inline-block;
}
.listing .learn-more{
    position: absolute;
    right: 0;
    bottom: 0;
}
.end-listing{
    margin-bottom: 100px;
}

#org-no-results{
    width: 400px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
    margin-bottom: 800px;
}

.opportunity{
    margin-top: 10px;
    margin-bottom: 10px;
}
.opportunity .title{
    font-size: 15px;
    font-weight: bold;
    display: block;
}
.opportunity .description{
    display: block;
}
.opportunity .datetime{
    display: block;
}
.opportunity .details{
    margin-top: 10px;
}

#auth-container input{
    border: 1px solid #ccc; 
}
#auth-register{
    display: none;
}
#auth-forgot {
    display: none;
}
#auth-container{
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
#auth-container label{
    margin-right: 5px;
}
.errorlist li{
    color: red;
    list-style-type: none;
}
.errorList{
    color: red;
}



/* subscription splash */
#subscription-splash {
    padding-top: 5px;
    display: none;
    position: relative;
    top: 0;
    height: 200px;
    background: #3785a5;   
}
#subscription-content {
    color: white;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 320px;
}
#subscribe-form{
    position: relative;
}
#subscribe-form #subscribe-submit{
    position: absolute;
    height: 32px;
    right: 1px;
    top: 1px;
}
#close-splash img{
    height: 12px;
}
#subscribe-email{
    color: black;
    background-color: lightgrey;
}
#close-splash{
    margin-top: 10px;
}


.container.profile{
    margin-bottom: 50px;
    width: 80%;
    /*min-width: 400px;*/
    margin-right: auto;
    margin-left: auto;
}
#update-profile-submit{
    margin-top: 10px;
}
#password-reset-button{
    margin-top: 30px;
}
#profile-tabs{
    margin-bottom: 15px;
}
#profile-opportunity, #profile-events, #profile-organization, #password_reset_form{
    display: none;
}
.profile-form table.errorred{
    border: solid #f6b5b6 15px;
}
.profile-form{
    padding: 15px;
}
#profile-opportunity ul, #profile-events ul {
    list-style-type: none;
    padding-left: 10px;
    padding-top: 10px;
}
.hidden-opportunity, .hidden-organization, .hidden-event{
    display: none;
}
#user-details-form{
    padding-top: 10px;
    padding-bottom: 25px;
}
#tos-line{
    display: block;
    padding-top: 0px;
    padding-bottom: 15px;
}

.profile-form ul{
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
.profile-form li{
    list-style-type: none;
}

.fb-share-button{
    display: block !important;
    margin-top: 10px;
    margin-bottom: 5px;
}
.fb-comments{
    z-index: 0;
}

#contact-us{
    padding-top: 20px;
}

.container.events.featured{
    padding: 20px 20px;
    width: 95%;
    min-width: 320px;
}
.container.events.listing{
    padding: 20px 20px;
    width: 95%;
    min-width: 320px;
    margin-bottom: 100px;
}
.events.listing > table th{
    padding-right: 15px;
}


.cat-icon{
    background-repeat: no-repeat; 
    background-size: 60px auto;
    height: 84px;
    width: 60px;
    display: inline-block;
}
.cat-icon.violence_prevention{
    background-image: url("/_ext/yourdistrict.s3.amazonaws.com/img/category/cat_violence.b46af40f2d79.png");
    height: 91px;
}
.cat-icon.art{
    background-image: url("../img/category/cat_art.478545aad8c8.png");
}
.cat-icon.education{
    background-image: url("../img/category/cat_education.27a7a585b1ae.png");
}
.cat-icon.environment{
    background-image: url("/_ext/yourdistrict.s3.amazonaws.com/img/category/cat_environment.bc6e4a4bb280.png");
}
.cat-icon.faith{
    background-image: url("/_ext/yourdistrict.s3.amazonaws.com/img/category/cat_faith.da64b89b8d3f.png");
}
.cat-icon.health{
    background-image: url("/_ext/yourdistrict.s3.amazonaws.com/img/category/cat_health.6a3fcba8f428.png");
}
.cat-icon.homelessness{
    background-image: url("../img/category/cat_homelessness.5af8c847eb1a.png");
}
.cat-icon.housing{
    background-image: url("/_ext/yourdistrict.s3.amazonaws.com/img/category/cat_housing.3c0a4a09e728.png");
}
.cat-icon.music{
    background-image: url("/_ext/yourdistrict.s3.amazonaws.com/img/category/cat_music.f6667ea5908d.png");
}
.cat-icon.nutrition{
    background-image: url("/_ext/yourdistrict.s3.amazonaws.com/img/category/cat_nutrition.2cf1abd970a7.png");
}
.cat-icon.safety{
    background-image: url("/_ext/yourdistrict.s3.amazonaws.com/img/category/cat_safety.300d7a03b527.png");
}
.cat-icon.social_justice{
    background-image: url("../img/category/cat_justice.94aae6b28f60.png");
}
.cat-icon.legal{
    background-image: url("../img/category/cat_justice.94aae6b28f60.png");
}
.cat-icon.tech{
    background-image: url("/_ext/yourdistrict.s3.amazonaws.com/img/category/cat_technology.044794937f97.png");
}
.cat-icon.youth{
    background-image: url("../img/category/cat_youth.afebd3b97301.png");
}
.cat-icon.sports{
    background-image: url("/_ext/yourdistrict.s3.amazonaws.com/img/category/cat_sports.6d055497d0de.png");
}
.cat-icon.lgbt{
    background-image: url("/_ext/yourdistrict.s3.amazonaws.com/img/category/cat_lgbt.d9f1b8870e4e.png");
}
.cat-icon.elderly_care{
    background-image: url("/_ext/yourdistrict.s3.amazonaws.com/img/category/cat_elderly.4cc3636800a4.png");
}
.cat-icon.animals{
    background-image: url("/_ext/yourdistrict.s3.amazonaws.com/img/category/cat_animals.426470468270.png");
}
.cat-icon.community_development{
    background-image: url("/_ext/yourdistrict.s3.amazonaws.com/img/category/cat_community.2531fda43619.png");
}
.cat-icon.other{
    background-image: url("/_ext/yourdistrict.s3.amazonaws.com/img/category/cat_other.d7a8494348b3.png");
}


.carousel{
    margin-top: -5px;
    margin-bottom: -5px;
}
.carousel-inner>.item{
    height: 22%;
}

.blog > .post > .meta{
    margin: 10px;
}

img#map-populated{
    margin-top: 50px;
    margin-bottom: 100px;
    width: 70%;
    height: auto;
    max-width: 400px;
    margin-right: auto;
    margin-left: auto;
}

.communication.container{
    padding-bottom: 10px;
}
.communication.container h3{
    text-align: center;
}
.communication.container > .container{
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
}
.communication .email{
    width: 360px;
    display: inline-block;
    margin-right: 20px;
}
.communication .physical{
    padding-top: 50px;
    display: inline-block;
    vertical-align: top;
    height: 304px;
}

#donate-body{
    margin-top: 30px;   
}
#sponsors-body{
    margin-top: 30px;
}