* ~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~ Mobile ~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~ */

/*
@media all and (min-width:500px) and (max-width:699px) // applied between 500 & 699 {
@media all and (min-width:700px) // applied over 700px only {
@media all and (max-width:699px) // applied below 699px only
*/

@media all and (max-width: 880px) {
  #logo {
    float: none;
    padding-top: 5px;
    clear: left;
    margin: 0px;
  }
  #site-description {
    display: none;
  }
}

@media all and (min-width: 720px) {
  .mobile-menu {
    display: none;
  }
}

@media all and (max-width: 720px) {
  .mobile-show {
    display: block;
  }
  .mobile-hide {
    display: none;
  }
  .mobile-menu {
    margin: 10px 5% auto;
    width: 90%;
  }
  .origins-mobile-hide {
    display: none;
  }
  #logo {
    padding-top: 5px;
    padding-bottom: 40px;
    margin: 0px;
  }
  #search-box {
    margin: 0px auto;
    width: 100%;
    float: none;
    text-align: center;
    position: absolute;
    left: 0;
    margin-top: -50px;
  }
  #container .content-container .sidebar {
    float: none;
    width: 90%;
    clear: both;
    margin: 0px auto;
  }
  #container .content-container .site_main_content {
    clear: both;
    float: none;
    width: 100%;
    border-bottom: 2px solid #000;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  #container .content-container h2.page_title {
    float: none;
    margin: 0px;
    width: 90%;
  }
  #container .node-article .origins-article-volume {
    margin-left: 0px;
  }
  #container .node-article .origins-article-volume::after {
    background: none;
  }
  #container .content-container .sidebar .block h2::after {
    background: none;
  }
  .node-article .origins-helper-links ul li, .node-book-review .origins-review-helper-links ul li {
    margin: 0px;
    padding: 0px;
    display: inline;
  }
  .node-article .origins-helper-links a:link, .node-article .origins-helper-links a:visited,
  .node-book-review .origins-review-helper-links a:link, .node-book-review .origins-review-helper-links a:visited {
    background: #660000; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2MDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #660000 0%, #990000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#660000), color-stop(100%,#990000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #660000 0%,#990000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #660000 0%,#990000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #660000 0%,#990000 100%); /* IE10+ */
    background: linear-gradient(top,  #660000 0%,#990000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#660000', endColorstr='#990000',GradientType=0 ); /* IE6-8 */
    color: #fff;
    border: 1px solid #330000;
    display: block;
    width: 100%;
    line-height: 44px;
    height: 44px;
    text-align: center;
  }
  .node-article .origins-helper-links a:hover, .node-article .origins-helper-links a:active,
  .node-book-review .origins-review-helper-links a:hover, .node-book-review .origins-review-helper-links a:active {
    background: #990000; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5MDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #990000 0%, #660000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#990000), color-stop(100%,#660000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #990000 0%,#660000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #990000 0%,#660000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #990000 0%,#660000 100%); /* IE10+ */
    background: linear-gradient(top,  #990000 0%,#660000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#990000', endColorstr='#660000',GradientType=0 ); /* IE6-8 */
    text-decoration: none;
  }
  .node-article #origins-article .origins-pager .origins-border {
    border-bottom: none;
  }
  .tabs ul.primary {
    border-bottom: 2px solid #000000;
    padding-bottom: 10px;
  }
  .tabs ul.primary li {
    margin: 0px;
    padding: 0px;
    display: inline;
  }
  .tabs ul.primary li a:link, .tabs ul.primary li a:visited {
    background: #584e47; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU4NGU0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI2JSIgc3RvcC1jb2xvcj0iIzRjNDMzZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #584e47 0%, #4c433d 26%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#584e47), color-stop(26%,#4c433d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #584e47 0%,#4c433d 26%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #584e47 0%,#4c433d 26%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #584e47 0%,#4c433d 26%,#000000 100%); /* IE10+ */
    background: linear-gradient(top,  #584e47 0%,#4c433d 26%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#584e47', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
    color: #fff;
    border: 1px solid #330000;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin: 0px;
    display: block;
    width: 90%;
    line-height: 44px;
    height: 44px;
    text-align: center;
  }
  .tabs ul.primary li a:hover {
    padding-bottom: 0px;
    background: #000000; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc0JSIgc3RvcC1jb2xvcj0iIzRjNDMzZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ODRlNDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #000000 0%, #4c433d 74%, #584e47 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(74%,#4c433d), color-stop(100%,#584e47)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #000000 0%,#4c433d 74%,#584e47 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #000000 0%,#4c433d 74%,#584e47 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #000000 0%,#4c433d 74%,#584e47 100%); /* IE10+ */
    background: linear-gradient(top,  #000000 0%,#4c433d 74%,#584e47 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#584e47',GradientType=0 ); /* IE6-8 */
    text-decoration: none;
  }
  .node-milestone .origins-milestone-image img {
    float: none;
  }
  .node-book-review #origins-book-review .origins-review-cover {
    width: 100%;
    border: none;
  }
  .node-book-review #origins-book-review .origins-review-cover img {
    border: 1px solid #000;
  }
  .milestones-pageheader-text, .connecting-history-pageheader-text, .history-talk-pageheader-text {
    font-size: 1.5em;
  }
}

@media all and (min-width: 770px) and (max-width:1030px) {
  #feature-blocks .feature-container .feature-one,
  #feature-blocks .feature-container .feature-two,
  #feature-blocks .feature-container .feature-three,
  #feature-blocks .feature-container .feature-four {
    width: 24.7%;
    height: auto;
  }
}

@media all and (max-width:480px) {
  .view-front-page .webform-client-form input[type="submit"] {
    margin-top: 10px;
  }
  .view-front-page.front-page-article .views-field-title {
    font-size: 1.6em;
  }
  .origins-social .origins-addthis {
    width: 100%;
    clear: left;
    display: block;
    padding-top: 14px;
  }
  
}

/* Front Page */
@media all and (max-width:866px) {
  .panels-flexible-region-1-article {
    width: 100%;
  }
  .panels-flexible-region-1-book_review_ {
    clear: none;
  }
  .panels-flexible-region-1-milesstones,
  .panels-flexible-region-1-book_review_,
  .panels-flexible-region-1-history_talk,
  .panels-flexible-region-1-connecting_history_,
  .panels-flexible-region-1-article_archive_,
  .panels-flexible-region-1-book_review_archive_,
  .panels-flexible-region-1-featured_article_,
  .panels-flexible-region-1-out_next_month {
    width: 50%;
  }
  
}
@media all and (max-width:586px) {
  .panels-flexible-region-1-milesstones,
  .panels-flexible-region-1-book_review_,
  .panels-flexible-region-1-history_talk,
  .panels-flexible-region-1-connecting_history_,
  .panels-flexible-region-1-article_archive_,
  .panels-flexible-region-1-book_review_archive_,
  .panels-flexible-region-1-featured_article_,
  .panels-flexible-region-1-out_next_month {
    width: 100%;
  }
}