@import url(http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css);
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
/* Small devices (tablets, 768px and up) */
@media (max-width: 480px) {
  .featured-boxes .tb {
    display: block;
  }
  .featured-boxes > .row > div {
    width: 100%;
    display: block;
  }
  .blog .filters .row > div,
  .archive .filters .row > div,
  .search-results .filters .row > div,
  .single-post .filters .row > div {
    float: none;
    width: 100%;
  }
  .blog .filters .categories,
  .archive .filters .categories,
  .search-results .filters .categories,
  .single-post .filters .categories {
    position: relative;
    padding-bottom: 15px;
  }
  .blog .filters .categories .chosen-container,
  .archive .filters .categories .chosen-container,
  .search-results .filters .categories .chosen-container,
  .single-post .filters .categories .chosen-container {
    max-width: none;
  }
  .blog #content article.type-post .post-title,
  .archive #content article.type-post .post-title,
  .search-results #content article.type-post .post-title,
  .single-post #content article.type-post .post-title {
    font-size: 24px;
  }
}
@media (min-width: 768px) {
  #content article,
  #content .text-content {
    text-align: left;
  }
  #content article.type-post .post-content {
    padding-left: 0;
    padding-right: 0;
  }
  h1 {
    font-size: 42px;
  }
  h2 {
    font-size: 36px;
  }
  h3 {
    font-size: 32px;
  }
  h4 {
    font-size: 24px;
  }
  h5 {
    font-size: 24px;
  }
  p {
    font-size: 18px;
  }
  ul,
  ol,
  dl {
    font-size: 20px;
  }
  .widget .title {
    font-size: 16px;
  }
  header.site.desktop nav .menu > li > a {
    font-size: 14px;
  }
  .slideshow .slide-title {
    font-size: 32px;
    padding: 0 35px;
  }
  .slideshow .slide-text {
    text-align: center;
  }
  .slideshow .rsArrow {
    display: block !important;
  }
  .slideshow.number-slides-1 .rsArrow,
  .slideshow.number-slides-1 .rsBullets {
    display: none !important;
  }
  .call-to-action {
    padding: 0 58px;
    margin-left: 0;
    margin-right: 0;
  }
  .call-to-action .inner-container:after,
  .call-to-action .inner-container:before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 100%;
    height: 0;
    width: 0;
    border-top: 65px solid #00122b;
    border-bottom: 65px solid #00122b;
    border-left: 58px solid transparent;
    -moz-transform: rotate(.01deg);
    -webkit-transform: rotate(.01deg);
    -o-transform: rotate(.01deg);
    -ms-transform: rotate(.01deg);
    transform: rotate(.01deg);
  }
  .call-to-action .inner-container:after {
    right: auto;
    left: 100%;
    border-left: none;
    border-right: 58px solid transparent;
    -moz-transform: rotate(.01deg);
    -webkit-transform: rotate(.01deg);
    -o-transform: rotate(.01deg);
    -ms-transform: rotate(.01deg);
    transform: rotate(.01deg);
  }
  .call-to-action .inner-container > h3 {
    font-size: 32px;
  }
  .featured-boxes {
    padding: 0;
  }
  .featured-boxes .row > div {
    padding: 0 10px;
  }
  footer.site .widgets.number-widgets-1 > li {
    width: 100%;
  }
  footer.site .widgets.number-widgets-2 > li {
    width: 50%;
  }
  footer.site .widgets.number-widgets-3 > li {
    width: 33.333333333333336%;
  }
  footer.site .widgets.number-widgets-4 > li {
    width: 25%;
  }
  footer.site .widgets.number-widgets-5 > li {
    width: 20%;
  }
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  h1 {
    font-size: 60px;
  }
  h2 {
    font-size: 48px;
  }
  h3 {
    font-size: 36px;
  }
  h4 {
    font-size: 28px;
  }
  h5 {
    font-size: 28px;
  }
  header.site.desktop nav .menu > li > a {
    font-size: 16px;
  }
  .call-to-action .inner-container > h3 {
    font-size: 42px;
  }
  .widget .title {
    font-size: 22px;
  }
  .slideshow .slide-image {
    display: block;
    width: 45%;
  }
  .slideshow .slide-image.align-left {
    float: left;
  }
  .slideshow .slide-image.align-left + .slide-text {
    margin-left: 50%;
    text-align: left;
  }
  .slideshow .slide-image.align-right {
    float: right;
  }
  .slideshow .slide-image.align-right + .slide-text {
    margin-right: 50%;
    text-align: left;
  }
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .slideshow .slide-title {
    font-size: 36px;
  }
  .widget .title {
    font-size: 24px;
  }
}
