/* text-colors, background */
/*
 * ===================================================================================
 *
 *	STATE STYLES
 *
 * ===================================================================================
*/
.solid-hover {
  /* effects */
}
.solid-hover .btn-default:hover {
  background: #0694d4;
}
.solid-hover .btn-alternate:hover {
  background: #07cbb8;
}
.solid-hover .btn-muted:hover {
  background: #939393;
}
.solid-hover .btn-success:hover {
  background: #16d24f;
}
.solid-hover .btn-info:hover {
  background: #14b4fc;
}
.solid-hover .btn-danger:hover {
  background: #d10000;
}
.solid-hover .btn-caution:hover {
  background: #f69311;
}
.solid-hover .btn-warning:hover {
  background: #ee5f5f;
}
.solid-hover .image-container:hover {
  cursor: pointer;
}

.theme-margin-top-half {
  margin-top: 0.5em !important;
}
.theme-padding-bottom {
  padding-bottom: 1em;
}
@media (max-width: 1024px) {
  .solid-hover #image-effects-section h3 {
    text-align: center;
  }
  .solid-hover #image-effects-section .image-container {
    margin: 0 auto 0px auto;
  }
  .solid-hover #image-effects-section .l-col-3 {
    width: 50%;
  }
  .solid-hover #image-effects-section .l-col-4.l-fixed-width {
    width: 100%;
  }
}
@media (max-width: 876px) {
  .solid-hover #image-effects-section .l-col-3 {
    width: 50%;
  }
  .solid-hover #image-effects-section .image-container {
    width: 80%;
    height: 80%;
    margin: 0 auto 20px auto;
  }
}
@media (max-width: 830px) {
  .solid-hover #image-effects-section {
    font-size: 105%;
  }
  .solid-hover #image-effects-section .image-container {
    width: 90%;
    height: 90%;
    margin: 0 auto 20px auto;
  }
}
@media (max-width: 748px) {
  .solid-hover #image-effects-section .image-container {
    width: 100%;
    height: 100%;
    margin: 0 auto 20px auto;
  }
}
@media (max-width: 698px) {
  .solid-hover #image-effects-section {
    font-size: 85.5%;
  }
  .solid-hover #image-effects-section .image-container {
    width: 100%;
    height: 100%;
    margin: 0 auto 20px auto;
  }
}
@media (max-width: 570px) {
  .solid-hover #image-effects-section {
    font-size: 80%;
  }
}
@media (max-width: 480px) {
  .solid-hover [class^="l-col"] {
    width: 100%;
    /* all columns will stack vertically */
    margin-left: 0;
    /* suppress margin for offsets */
    left: 0;
    /* suppress left values for push */
    right: 0;
    /* suppress right values for pull */
  }
  .solid-hover #image-effects-section {
    font-size: 95%;
  }
  .solid-hover #image-effects-section .l-col-3 {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 381px) {
  .solid-hover [class^="l-col"] {
    width: 100%;
    /* all columns will stack vertically */
    margin-left: 0;
    /* suppress margin for offsets */
    left: 0;
    /* suppress left values for push */
    right: 0;
    /* suppress right values for pull */
  }
  .solid-hover #image-effects-section {
    font-size: 89%;
  }
}
@media (max-width: 320px) {
  .solid-hover #image-effects-section .l-fixed-width {
    padding-left: 0;
    margin-left: -4px;
  }
}