/**overall*/
.form-group {
  margin-bottom: 0;
}
.help-block {
  margin-top: 0;
  margin-bottom: 0;
}
.control-label {
  color: #666666;
}
.theme_button {
  padding: 10px 10px;
  font-size: 16px;
}
.btn {
  padding: 12px 15px 12px;
  font-size: 18px;
  font-weight: normal;
  border: 1px solid #ebebeb;
  color: #666666;
  background-color: transparent;
}
.btn-primary.active, .btn-primary.focus,
.btn-primary:hover, .btn-primary.active.focus, .btn-primary:active:hover {
  border-color: #f83730;
  background-color: #f83730;
}
.content {
  margin-top: 20px;
  margin-bottom: 20px;
}
.form-control[readonly] {
  background-color: transparent;
}
.datepicker {
  position: relative;
  z-index: 10;
}
.help-block.error {
  color: #a94442;
}

/*submit buttons*/
.theme_button:disabled, .theme_button:disabled:hover {
  background-color: #fa8985;
  border: 2px solid #fa8985;
  -webkit-transition: all 0.05s linear 0s;
  transition: all 0.05s linear 0s;
}
.theme_button > [class*="glyphicon"] {
  top: 0;
  font-size: inherit;
}
.glyphicon-refresh-animate {
  -animation: spin .7s infinite linear;
  -webkit-animation: spin2 .7s infinite linear;
}
@-webkit-keyframes spin2 {
  from { -webkit-transform: rotate(0deg);}
  to { -webkit-transform: rotate(360deg);}
}
@keyframes spin {
  from { transform: scale(1) rotate(0deg);}
  to { transform: scale(1) rotate(360deg);}
}

/*template*/
.header_yellow {
  background-color: #FFD037;
}
.top-heart {
  cursor: pointer;
}
.small-teaser .media-left.top-heart-icon {
  padding-right: 5px;
}
.small-teaser .media-body.top-heart-number {
  font-size: 20px;
  vertical-align: middle;
}
@media (max-width: 991px) {
  a.logo img {
    max-width: 280px;
  }
  .small-teaser .media-left {
    padding-right: 10px;
  }
  .content {
    margin-top: 0;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .bordered_items .sf-menu > li > a {
    margin-right: 12px;
    margin-left: 12px;
    padding: 10px 20px;
  }
}

/*home*/
@media screen and (max-width: 768px) {
  h4.entry-title.home-title {
    margin-top: 30px;
  }
}
.bx-wrapper {
  margin-bottom: 10px;
  box-shadow: 0 0 0 0;
  border: 0;
}
.bx-wrapper .bx-controls-direction a {
  z-index: 1000;
}
.small-teaser .media-left {
  vertical-align: middle;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  bottom: -10px;
}

/*for adopt, event right side*/
.widget > h3, .widget-title {
  margin-bottom: 5px;
}
.checkbox, .radio {
  margin-top: 0;
  margin-bottom: 3px;
}


/*for adoption form*/
.no-mb {
  margin-bottom: 0;
}
.adoption-form-header {
  margin-bottom: 0;
}

/*for event page*/
.event-detail {
  font-size: 15px;
}
.entry-title {
  margin-bottom: 10px;
}

/*for dogs in need*/
.blog-title {
  font-size: 24px;
  margin-bottom: 10px;
}
article img {
  max-width: 50%;
}

.mt-10 { margin-top: 10px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-50 { margin-top: 50px !important; }

.mb-10 { margin-bottom: 10px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-40 { margin-bottom: 40px !important; }
.mb-50 { margin-bottom: 50px !important; }

.pt-10 { padding-top: 10px !important; }
.pt-20 { padding-top: 20px !important; }
.pt-30 { padding-top: 30px !important; }
.pt-40 { padding-top: 40px !important; }
.pt-50 { padding-top: 50px !important; }

/*adopt-item*/
@media (min-width: 1001px) {
  .adopt-grid-image {
    max-height: 240px;
    overflow-y: hidden;
  }
}
.adopt-grid-border {
  border: 1px solid #ddd;
  padding: 5px;
}
.adopt-grid-name {
  margin-top: 5px;
  margin-bottom: 10px;
}
.adopt-grid-content {
  line-height: 24px;
}
.adopt-heart {
  cursor: pointer
}

/*volunteer*/
.clickable {
  cursor: pointer;
}

/*dogs for adoption*/
.grid-header {
  line-height: normal;
}

/*i want to adopt*/
.col-center {
  float: none;
  margin: 0 auto;
}

/*https://stackoverflow.com/questions/30846378/bootstrap-center-3-col-md-3-divs*/
.row-col-3 {
  text-align: center;
}
.center-col-3 {
  float: none;
  display: inline-block;
}

/*adoption application*/
.adoption-form-header {
  margin-bottom: 10px;
}

/*boarding testimonials*/
blockquote {
	border: 1px solid #ebebeb;
	border-left: 3px solid #f83730;
	font-size: 16px;
	font-weight: 300;
  padding: 5px 10px;
  margin-top: 10px;
}