/*
	Theme Name: 	Mando
	Theme URI: 		
	Description: 	A custom-made theme for the Mandalorian Mercs
	Version: 		1.1
	Author: 		
	Author URI: 	
*/
/* Imports */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }
.post-filters {	margin: 0 8.3333% 8.3333% 8.3333%;	box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);	padding:22px;	background: #fff;}
body {
  margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

a {
  background: 0 0; }

a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: 700; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: .67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -.5em; }

sub {
  bottom: -.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code, kbd, pre, samp {
  font-family: monospace,monospace;
  font-size: 1em; }

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button, select {
  text-transform: none;
color: black; }

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto; }

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: 700; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0; }

/*

	These are some basic mixins. These may or may not be duplicates of
	transitions featured in the Bourbon Mixin Library.

	If you are using CodeKit, you have access to Bourbon by default.

	If in doubt - test your compiler in test project.

	-Ian Lusk
		UX/Front End
		High Touch Group
		April 2014

*/
/*	Border Radius 	*/
/*	Linear Gradient */
/*	CSS Transitions */
/*	Clearfix Hack */
.content:after, .staff:after, .staff .staff-list:after, .staff .staff-member ul li.staff-links:after, .crl-page .crl-tabs:after, .crl-page .crl-container:after, .crl-page1 .crl-tabs:after, .crl-page1 .crl-container:after,.podcast-nav:after, .host-list .host-member, .page-content.magazine ul.mag-list:after, .magazine-nav:after, .page-content.oriramikad ul.ori-list:after, .member-list, .honor-list {
  *zoom: 1; }
  .host-list .host-member:before, .member-list:before, .honor-list:before, .content:after, .staff:after, .staff .staff-list:after, .staff .staff-member ul li.staff-links:after, .crl-page .crl-tabs:after, .crl-page .crl-container:after, .crl-page1 .crl-tabs:after, .crl-page1 .crl-container:after, .podcast-nav:after, .host-list .host-member:after, .page-content.magazine ul.mag-list:after, .magazine-nav:after, .page-content.oriramikad ul.ori-list:after, .member-list:after, .honor-list:after {
    content: " ";
    display: table; }
  .content:after, .staff:after, .staff .staff-list:after, .staff .staff-member ul li.staff-links:after, .crl-page .crl-tabs:after, .crl-page .crl-container:after,  .crl-page1 .crl-tabs:after, .crl-page1 .crl-container:after, .podcast-nav:after, .host-list .host-member:after, .page-content.magazine ul.mag-list:after, .magazine-nav:after, .page-content.oriramikad ul.ori-list:after, .member-list:after, .honor-list:after {
    clear: both; }

/* Parts */
html {
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased; }

body {
  font-size: 1.4rem;
  font-family: 'Verdana', sans-serif;
  background: #404040;
  background-image: url("images/merc-drk-wall.jpg");
  color: #eeeeee; }
  body:before {
    content: "";
    position: fixed;
    top: -20px;
    left: 0;
    width: 100%;
    height: 20px;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
    box-shadow: 0px 0px 20px black;
    z-index: 100; }

*, *:before, *:after {
  box-sizing: border-box; }

a img {
  outline: none; }

.wrap {
  max-width: 120rem;
  padding: 0 2rem;
  margin: 0 auto;
  position: relative; }

a {
  color: #cbb32d; }
  a:hover {
    color: #eeeeee; }

.hidden {
  display: none; }

header {
  position: relative; }
  header .logo {
    width: 60rem;
    height: 16.4rem;
margin-bottom: 20px;
margin-top: 10px; }
  header .search-tab {
    position: absolute;
    top: 0rem;
    right: 2rem; }
    header .search-tab input[type="search"] {
      border: none;
      padding: 0;
      font-size: 2rem;
      height: 4rem;
      background: none;
      border-bottom: 2px solid #666666;
      color: #eeeeee; }
      header .search-tab input[type="search"]:focus {
        outline: none; }
      header .search-tab input[type="search"]::-webkit-input-placeholder {
        color: #666666; }
      header .search-tab input[type="search"]:-moz-placeholder {
        color: #666666; }
      header .search-tab input[type="search"]::-moz-placeholder {
        color: #666666; }
      header .search-tab input[type="search"]:-ms-input-placeholder {
        color: #666666; }
    header .search-tab input[type="submit"] {
      border: none;
      padding: 1rem 2rem 1rem 0rem;
      font-size: 2rem;
      height: 4rem;
      background: none;
      color: #666666;
      font-family: "FontAwesome"; }

.navbar {
  position: relative;
  z-index: 4000;
  background: #222222;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); }
  .navbar .mobile-toggle {
    display: none; }
  .navbar nav ul {
    padding: 0;
    margin: 0; }
    .navbar nav ul li {
      list-style: none;
      display: inline-block;
      position: relative;
      border-bottom: 3px solid transparent; }
      .navbar nav ul li.current-menu-item, .navbar nav ul li.current-menu-ancestor {
        border-bottom: 3px solid #cbb32d; }
      .navbar nav ul li:hover {
        border-bottom: 3px solid #cbb32d; }
        .navbar nav ul li:hover ul {
          display: block;
          position: absolute;
          left: 0;
          top: calc(100% + 3px);
          white-space: nowrap;
          min-width: 100%; }
      .navbar nav ul li a {
        display: block;
        padding: 1.5rem 2rem;
        margin-top: 3px;
        text-decoration: none;
        color: #eeeeee; }
        .navbar nav ul li a:hover {
          color: white; }
      .navbar nav ul li ul {
        display: none;
        background: #555555;
        box-shadow: 0 5px 5px black; }
        .navbar nav ul li ul li {
          border: none;
          position: relative;
          display: block; }
          .navbar nav ul li ul li.current-menu-item {
            border: none;
            font-weight: bold; }
            .navbar nav ul li ul li.current-menu-item a {
              color: #eeeeee; }
            .navbar nav ul li ul li.current-menu-item li {
              font-weight: normal; }
          .navbar nav ul li ul li.current-menu-ancestor {
            border-bottom: none; }
          .navbar nav ul li ul li.current-menu-parent {
            font-weight: bold; }
            .navbar nav ul li ul li.current-menu-parent li {
              font-weight: normal; }
            .navbar nav ul li ul li.current-menu-parent .current-menu-item {
              border-bottom: none;
              font-weight: bold; }
              .navbar nav ul li ul li.current-menu-parent .current-menu-item a {
                color: #eeeeee; }
          .navbar nav ul li ul li.menu-item-has-children:hover:before {
            color: #cbb32d;
            opacity: 1; }
          .navbar nav ul li ul li.menu-item-has-children:before {
            width: 0;
            height: 0;
            border-top: 1.5rem solid rgba(0, 0, 0, 0);
            border-bottom: 1.5rem solid rgba(0, 0, 0, 0);
            border-left: 1.5rem solid #3d3d3d;
            content: "";
            position: absolute;
            right: -2px;
            bottom: -8px;
            transform: rotate(45deg); }
          .navbar nav ul li ul li:hover {
            border-bottom: none;
            background: #484848; }
            .navbar nav ul li ul li:hover ul.sub-menu {
              display: block; }
          .navbar nav ul li ul li:last-of-type a {
            border: none; }
          .navbar nav ul li ul li a {
            margin-top: 0;
            padding: 1.5rem 2rem;
            border-bottom: 1px solid rgba(255, 255, 255, 0.15);
            display: inline-block;
            width: 100%; }
            .navbar nav ul li ul li a:hover {
              color: #cbb32d; }
          .navbar nav ul li ul li ul.sub-menu {
            display: none;
            position: absolute;
            top: 0;
            left: 100%;
            min-width: 100%;
            z-index: -1; }
  .navbar .tab-nav {
    position: absolute;
    right: 0;
    bottom: 100%; }
    .navbar .tab-nav ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      .navbar .tab-nav ul li {
        background: none;
        padding: 0;
        border: none;
        display: block;
        float: left; }
        .navbar .tab-nav ul li:hover {
          background: #222222;
          border: none;
          opacity: 1; }
        .navbar .tab-nav ul li a {
          font-size: 2rem;
          width: 4rem;
          height: 4rem;
          line-height: 4rem;
          padding: 0;
          text-align: center;
          border: none;
          display: block;
          color: #eeeeee;
          opacity: .75; }
          .navbar .tab-nav ul li a:hover {
            color: #eeeeee;
            opacity: 1; }

.beta {
  background: #555;
  color: #CCC;
  text-align: center;
  font-size: 1.2rem;
  box-shadow: 0 0 20px #222;
  margin-bottom: 1rem; }
  .beta p {
    margin: 0;
    padding: 1rem; }
  .beta a {
    color: #ccc;
    text-decoration: underline; }

.news-feed, .fp-sidebar {
  float: left; }

.news-feed {
  width: calc(61.8% - 2rem);
  margin: 2rem 0 2rem; }
  .news-feed ol {
    list-style: none;
    padding: 0;
    margin: 0; }
    .news-feed ol li {
      margin: 0;
      padding: 0; }

.news-post {
  background: #666666;
  margin-bottom: 2rem;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); }
  .news-post .title-box {
    padding: 1.5rem; }
  .news-post .post-cat a {
    color: #999;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1rem; }
    .news-post .post-cat a:hover {
      color: white;
      text-decoration: underline; }
  .news-post .post-cat .post-date {
    font-size: 1.2rem;
    font-style: italic;
    color: #999; }
  .news-post .post-title {
    padding: 0;
    font-size: 3rem;
    margin: 0; }
    .news-post .post-title a {
      text-decoration: none;
      color: #eeeeee; }
      .news-post .post-title a:hover {
        color: white;
        text-decoration: underline; }
  .news-post .post-image {
    max-width: 100%;
    max-height: 400px; }
    .news-post .post-image img {
      width: 100%;
      height: auto; }

.fp-sidebar {
  max-width: 38.2%;
  margin: 2rem 0 0 2rem; }
  .fp-sidebar a.sidebar-link {
    max-width: 100%;
    background: #666666;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
    margin-bottom: 2rem;
    display: block;
    line-height: 0; }
    .fp-sidebar a.sidebar-link img {
      max-width: 100%;
      height: auto; }

.featured-image {
  height: 400px;
  max-width: 100%;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.1);
  position: relative;
  background-position: center center; }
  .featured-image h2.page-title {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #222222;
    margin: 0;
    padding: 1.5rem 2rem;
    font-size: 3rem;
    width: 100%; }

.page-content {
  background: #595959;
  padding: 2rem 2rem 6rem; }
  .page-content hr {
    border: none;
    border-bottom: 1px solid #eeeeee; }
  .page-content h2, .page-content h3, .page-content h4, .page-content h5 {
    margin: 3rem 0 0.5rem;
    color: #eeeeee; }
  .page-content h2 {
    font-size: 2.2rem; }
  .page-content h3 {
    font-size: 2rem; }
  .page-content h4 {
    font-size: 1.8rem;
    font-weight: normal; }
  .page-content h5 {
    font-size: 1.6rem;
    font-weight: normal; }
  .page-content .page-title {
    font-size: 2.8rem;
    padding: 0 0 1rem;
    margin: 1rem 0 2rem;
    color: #eeeeee;
    border-bottom: 1px solid #eeeeee; }
  .page-content h3 {
    margin: 4rem 0 1rem;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 1rem; }
  .page-content p, .page-content li {
    font-size: 1.6rem;
    line-height: 2.1rem;
    margin: 0;
    padding: 0;
    color: #ddd; }
  .page-content p + p {
    margin-top: 1.5rem; }

.search-results h2.page-title {
  font-weight: normal;
  font-size: 1.8rem; }
.search-results .search-query {
  font-style: italic; }
.search-results article h2 a {
  text-decoration: none; }
.search-results article section {
  padding: 0rem 0 2rem; }

.prev-post, .next-post {
  display: block;
  background: #666666;
  padding: 1rem;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  text-decoration: none;
  color: #eeeeee; }
  .prev-post:hover, .next-post:hover {
    color: #cbb32d; }

.next-post {
  float: right; }

.prev-post {
  float: left; }

.action {
  color: #eeeeee;
  font-weight: bold;
  font-size: 1.6rem;
  text-decoration: none;
  text-align: center;
  background: #cbb32d;
  padding: 1.5rem 2rem;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  opacity: 0.9; }
  .action:hover {
    opacity: 1; }

.wide {
  width: 100%;
  display: block; }

.fourohfour .search-form {
  margin: 2rem 0; }
.fourohfour .search-field {
  border: none;
  background: #737373;
  border: 1px solid #404040;
  padding: 0.5rem;
  font-size: 2rem; }
  .fourohfour .search-field:focus {
    outline: none; }
  .fourohfour .search-field::-webkit-input-placeholder {
    color: #eeeeee; }
  .fourohfour .search-field:-moz-placeholder {
    color: #eeeeee; }
  .fourohfour .search-field::-moz-placeholder {
    color: #eeeeee; }
  .fourohfour .search-field:-ms-input-placeholder {
    color: #eeeeee; }
.fourohfour .search-submit {
  background: none;
  border: none;
  padding: 1rem 0 1rem 0rem;
  font-size: 2.6rem;
  height: 4rem;
  background: none;
  color: #eeeeee;
  font-family: "FontAwesome"; }

.staff .staff-list {
  list-style: none;
  padding: 1px;
  margin: 0; }
.staff .staff-member {
  float: left;
  margin: 1rem;
  width: calc(25% - 2rem);
  min-height: 426px;
  padding: 1rem;
  background: #444;
  text-align: center; }

.staff .fallen-member {
    float: left;
        width:100%;
    min-height: 256px;
    padding: 1rem;
    background: #444;
    text-align: center;
}

  .staff .staff-member .staff-image img {
    width: 100%;
    height: auto; }
  .staff .staff-member .staff-acronym {
    font-size: 1.4rem;
    font-style: italic;
    font-weight: normal; }
  .staff .staff-member ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .staff .staff-member ul li {
      font-size: 1.6rem; }
      .staff .staff-member ul li.staff-screen {
        font-size: 1.4rem; }
      .staff .staff-member ul li.staff-links {
        margin: 0.5rem 0 0; }
      .staff .staff-member ul li a {
        text-decoration: none;
        font-size: 1.4rem;
        padding: 0.25rem 0.5rem;
        width: 100%;
        display: block;
        float: left; }
        .staff .staff-member ul li a:first-of-type {
          border-right: none; }
        .staff .staff-member ul li a:hover {
          background: #cbb32d;
          color: #eeeeee; }
.staff .staff-title {
  font-weight: bold;
  font-size: 1.6rem; }


 .staff .fallen-member .staff-image img {
    width: 100%;
    height: 100%; }
  .staff .fallen-member .staff-acronym {
    font-size: 1.4rem;
    font-style: italic;
    font-weight: normal; }
  .staff .fallen-member ul {
    list-style: none;
    padding: 0;
    margin: 0;
 }
    .staff .fallen-member ul li {
list-style-type: none;
      font-size: 1.6rem; }
      .staff .fallen-member ul li.staff-screen {
        font-size: 1.4rem; }
      .staff .fallen-member ul li.staff-links {
        margin: 0.5rem 0 0; }
      .staff .fallen-member ul li a {
        text-decoration: none;
        font-size: 1.4rem;
        padding: 0.25rem 0.5rem;
        width: 100%;
        display: block;
        float: left; }
        .staff .fallen-member ul li a:first-of-type {
          border-right: none; }
        .staff .staff-member ul li a:hover {
          background: #cbb32d;
          color: #eeeeee; }
.staff .fallen-title {
  font-weight: bold;
  font-size: 1.6rem; }



.clan-locator-page .clan-faq-questions {
  padding-bottom: 6rem; }
  .clan-locator-page .clan-faq-questions .clan-item {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); }
  .clan-locator-page .clan-faq-questions h3.clan-question {
    background: #737373;
    padding: 1.5rem;
    cursor: pointer;
    margin: 2rem 0 0;
    opacity: 0.85;
    border: none; }
    .clan-locator-page .clan-faq-questions h3.clan-question i.clan-page-arrow {
      float: right;
      margin-top: 0.1rem; }
  .clan-locator-page .clan-faq-questions .clan-answer {
    position: relative;
    display: none;
    padding: 2rem 2rem;
    margin: 0;
    background: #666666;
    border-right: 2px solid #737373;
    border-left: 2px solid #737373;
    border-bottom: 2px solid #737373; }

.crl-page {
  background: #595959; }
  .crl-page h1 {
    padding: 2rem;
    margin: 0 0 5rem;
    text-align: center;
    border-bottom: 1px solid #666666; }
  .crl-page .crl-tabs {
    background: #404040; }
    .crl-page .crl-tabs ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      .crl-page .crl-tabs ul li {
        background-size: cover;
        background-position: top center;
        display: block;
        width: 20%;
        float: left;
        cursor: pointer;
        height: 300px;
        position: relative;
        opacity: 0.35; }
        .crl-page .crl-tabs ul li:hover {
          opacity: .65; }
        .crl-page .crl-tabs ul li.active {
          opacity: 1; }
        .crl-page .crl-tabs ul li span.timeline {
          position: absolute;
          bottom: 100%;
          padding: 1.5rem;
          font-size: 1.1rem;
          text-align: center;
          width: 100%;
          border-bottom: 0.25rem solid #cbb32d; }
          .crl-page .crl-tabs ul li span.timeline:after {
            position: absolute;
            left: calc(50% - 0.25rem);
            top: calc(100% - 1rem);
            width: 0.25rem;
            height: 1rem;
            background: #cbb32d;
            content: ""; }
        .crl-page .crl-tabs ul li span.label {
          background: #595959;
          position: absolute;
          bottom: 0;
          width: 100%;
          display: block;
          padding: 1.5rem 0;
          text-align: center;
          font-weight: bold;
          font-size: 1.8rem;
          letter-spacing: 0.05rem; }
    .crl-page .crl-tabs #modern-tab {
      background-image: url("images/era-photos/modern.jpg"); }
    .crl-page .crl-tabs #early-tab {

      background-image: url("images/era-photos/early.jpg"); }

    .crl-page .crl-tabs #crusader-tab {
      background-image: url("images/era-photos/crusader.jpg"); }
    .crl-page .crl-tabs #neo-tab {
      background-image: url("images/era-photos/neo.jpg"); }
    .crl-page .crl-tabs #postimp-tab {
      background-image: url("images/era-photos/postimp.jpg"); }
  .crl-page .crl-container {
    padding: 4rem 2rem;
    display: none; }
    .crl-page .crl-container.active {
      display: block; }
  .crl-page .crl-list, .crl-page .crl-sidebar {
    float: left; }
  .crl-page .crl-list {
    width: 61.8%;
    padding-right: 2rem;
    border-right: 1px solid #666666; }
  .crl-page .crl-sidebar {
    width: 38.2%;
    padding: 0 2rem; }
  .crl-page .crl-item {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); }
    .crl-page .crl-item:first-of-type .crl-item-title {
      margin-top: 0; }
    .crl-page .crl-item .crl-item-title {
      background: #737373;
      padding: 1.5rem;
      cursor: pointer;
      margin: 2rem 0 0;
      opacity: 0.85; }
      .crl-page .crl-item .crl-item-title.active, .crl-page .crl-item .crl-item-title:hover {
        opacity: 1; }
      .crl-page .crl-item .crl-item-title .crl-arrow {
        float: right;
        margin-top: .1rem; }
    .crl-page .crl-item .crl-info {
      position: relative;
      display: none;
      padding: 2rem 2rem;
      margin: 0;
      background: #666666;
      border-right: 2px solid #737373;
      border-left: 2px solid #737373;
      border-bottom: 2px solid #737373; }
      .crl-page .crl-item .crl-info ul, .crl-page .crl-item .crl-info p, .crl-page .crl-item .crl-info li {
        margin: 0;
        line-height: 2rem; }
      .crl-page .crl-item .crl-info ul {
        list-style: square; }
  .crl-page .crl-gallery {
    padding: 2rem 0; }
    .crl-page .crl-gallery a:nth-of-type(even) .gallery-img {
      margin: 0; }
    .crl-page .crl-gallery .gallery-img {
      box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
      height: auto;
      width: calc(50% - 1rem);
      margin: 0 2rem 2rem 0;
      float: left;
      opacity: 0.75;
background: black; }
      .crl-page .crl-gallery .gallery-img:hover {
        opacity: 1; }
  .crl-page .clr-apply {
    padding: 2rem; }
    .crl-page .clr-apply h2 {
      margin: 0;
      padding: 0; }
      .crl-page .clr-apply h2 a {
        color: #eeeeee;
        text-decoration: none;
        text-align: center;
        background: gray;
        padding: 2rem;
        width: 100%;
        display: block;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); }
        .crl-page .clr-apply h2 a:hover {
          background: #8c8c8c; }
  .crl-page .crl-footnote {
    margin: 4rem 0 0 0; }
    .crl-page .crl-footnote p:last-of-type {
      font-size: 1.2rem;
      font-style: italic; }

table.podcast-list {
  background: #404040;
  list-style: none;
  padding: 0;
  margin: 4rem 0 0;
  width: 100%;
  position: relative; }
  table.podcast-list h3 {
    border: none;
    color: #eeeeee;
    margin: 0 0 0.5rem 0;
    padding: 0;
    width: auto;
    position: relative;
    display: inline-block; }
  table.podcast-list p {
    font-size: 1.4rem;
    word-break: break-all; }
  table.podcast-list a {
    color: #cbb32d;
    padding: 2rem 1rem;
    display: block; }
    table.podcast-list a:hover {
      color: #eeeeee; }
  table.podcast-list tr {
    font-size: 2rem;
    padding: 1rem;
    border-bottom: 0.25rem solid #595959; }
    table.podcast-list tr:first-of-type h3:after {
      content: "New!";
      font-size: 1.2rem;
      color: #cbb32d;
      padding: 0.35rem .5rem;
      margin: 0.5rem;
      border: 1px solid #cbb32d;
      border-radius: 3px;
      position: absolute;
      bottom: -0.5rem;
      left: calc(100% + 0.5rem);
      -webkit-animation: Pulse 3s 0.5s infinite;
      animation: Pulse 2s infinite; }
    table.podcast-list tr td {
      padding: 1rem;
      position: relative; }
      table.podcast-list tr td:first-of-type {
        text-align: center;
        font-size: 2.6rem;
        padding: 0; }
        table.podcast-list tr td:first-of-type a {
          transition: .1s ease all; }
          table.podcast-list tr td:first-of-type a:hover {
            -webkit-transform: scale(1.5);
            color: #cbb32d;
            transition: .2s ease all; }
          table.podcast-list tr td:first-of-type a:active {
            color: red; }
        table.podcast-list tr td:first-of-type:before {
          height: 0;
          width: 0;
          border-bottom: 1.5rem solid #595959;
          border-left: 1.5rem solid transparent;
          border-right: 1.5rem solid transparent;
          content: "";
          position: absolute;
          top: -0.5rem;
          left: -1.25rem;
          transform: rotate(-45deg); }
      table.podcast-list tr td:nth-of-type(odd) {
        border-right: 0.25rem solid #595959; }

.podcast-nav {
  list-style: none;
  padding: 0;
  margin: 0 0 4rem;
  width: 100%;
  background: #404040; }
  .podcast-nav li {
    float: left;
    position: relative;
    border-right: 1px solid #666666; }
    .podcast-nav li .fa {
      font-size: 2rem;
      margin-right: 0.5rem; }
    .podcast-nav li a {
      font-size: 1.4rem;
      border-bottom: 2px solid transparent;
      text-decoration: none;
      display: block;
      padding: 0.75rem 2rem; }
      .podcast-nav li a:hover {
        border-bottom: 2px solid #cbb32d;
        color: #cbb32d; }

.host-list .host-member {
  padding: 4rem 0;
  border-bottom: 1px solid #666666; }
  .host-list .host-member .host-photo {
    float: left;
    width: calc(25% - 2rem);
    margin-right: 2rem; }
    .host-list .host-member .host-photo img {
      width: 100%;
      height: auto; }
  .host-list .host-member .host-info {
    float: left;
    width: 75%; }
    .host-list .host-member .host-info h3 {
      font-size: 2.6rem;
      margin: 0 0 2rem 0;
      padding: 0;
      border: none; }
    .host-list .host-member .host-info a.message-button {
      font-size: 1.2rem;
      display: inline-block;
      border: 1px solid #cbb32d;
      padding: 0.5rem;
      text-decoration: none;
      vertical-align: middle; }
      .host-list .host-member .host-info a.message-button:hover {
        background: #cbb32d;
        color: white; }

@-webkit-keyframes Pulse {
  0% {
    opacity: 0.5; }

  50% {
    opacity: 1; }

  100% {
    opacity: 0.5; } }

@-moz-keyframes Pulse {
  0% {
    opacity: 0.5; }

  50% {
    opacity: 1; }

  100% {
    opacity: 0.5; } }

@-o-keyframes Pulse {
  0% {
    opacity: 0.5; }

  50% {
    opacity: 1; }

  100% {
    opacity: 0.5; } }

@keyframes Pulse {
  0% {
    opacity: 0.5; }

  50% {
    opacity: 1; }

  100% {
    opacity: 0.5; } }

.page-content.magazine h3 {
  background: #404040;
  color: #eeeeee;
  font-size: 2.4rem;
  text-align: center;
  border: none;
  font-weight: bold;
  padding: 1rem;
  margin: 1rem 0; }
.page-content.magazine ul.mag-list {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center; }
  .page-content.magazine ul.mag-list li.mag-item {
    display: inline-block;
    text-align: center;
    position: relative;
    margin: 2rem;
    height: 275px;
    width: 200px;
    background-size: cover;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
    overflow: hidden; }
    .page-content.magazine ul.mag-list li.mag-item:hover a {
      opacity: 1;
      -webkit-transform: scale(1.5);
      transition: .2s ease all; }
    .page-content.magazine ul.mag-list li.mag-item:hover span {
      top: auto;
      bottom: 0;
      opacity: 1;
      transition: .2s ease all; }
    .page-content.magazine ul.mag-list li.mag-item a {
      text-decoration: none;
      font-weight: bold;
      font-size: 6rem;
      vertical-align: middle;
      display: block;
      width: 100%;
      height: 100%;
      background: rgba(89, 89, 89, 0.95);
      opacity: 0;
      transition: .2s ease all;
      color: #cbb32d; }
      .page-content.magazine ul.mag-list li.mag-item a .fa {
        position: relative;
        top: 35%;
        left: 0;
        text-shadow: 0 2px 5px #222222; }
    .page-content.magazine ul.mag-list li.mag-item span {
      display: block;
      background: #222222;
      text-align: center;
      width: 100%;
      font-size: 1.2rem;
      padding: 1rem 1rem;
      position: absolute;
      bottom: -2rem;
      opacity: 0;
      color: #cbb32d;
      font-weight: bold;
      left: 0;
      transition: .2s ease all; }

.magazine-nav {
  list-style: none;
  padding: 0;
  margin: 0 0 4rem;
  width: 100%;
  background: #404040; }
  .magazine-nav li {
    float: left;
    position: relative;
    border-right: 1px solid #666666; }
    .magazine-nav li .fa {
      font-size: 2rem;
      margin-right: 0.5rem; }
    .magazine-nav li a {
      font-size: 1.4rem;
      border-bottom: 2px solid transparent;
      text-decoration: none;
      display: block;
      padding: 0.75rem 2rem; }
      .magazine-nav li a:hover {
        border-bottom: 2px solid #cbb32d;
        color: #cbb32d; }

.page-content.oriramikad h3 {
  background: #404040;
  color: #eeeeee;
  font-size: 2.4rem;
  text-align: center;
  border: none;
  font-weight: bold;
  padding: 1rem;
  margin: 1rem 0; }
.page-content.oriramikad ul.ori-list {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center; }
  .page-content.oriramikad ul.ori-list li.ori-item {
    display: inline-block;
    text-align: center;
    position: relative;
    margin: 2rem; }
    .page-content.oriramikad ul.ori-list li.ori-item img {
      box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); }
    .page-content.oriramikad ul.ori-list li.ori-item a {
      text-decoration: none;
      font-weight: bold;
      font-size: 2rem;
      vertical-align: middle;
      display: block;
      color: #cbb32d; }
    .page-content.oriramikad ul.ori-list li.ori-item span {
      display: block;
      text-align: center;
      width: 100%; }
      .page-content.oriramikad ul.ori-list li.ori-item span.real-name {
        font-size: 1.4rem; }
      .page-content.oriramikad ul.ori-list li.ori-item span.ori-month {
        font-size: 1.2rem;
        font-style: italic; }

.page-content.memberlist {
  padding: 2rem; }

.page-content.honorlist {
  padding: 1rem; }

.member-list .indiv-member {
  text-align: center;
  float: left;
  padding: 2rem;
  width: 25%; }
  .member-list .indiv-member img {
    width: 100%;
    height: auto;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); }
  .member-list .indiv-member p {
    margin: 0;
    padding: 0; }
    .member-list .indiv-member p.namelink {
      font-weight: bold; }
      .member-list .indiv-member p.namelink a {
        text-decoration: none; }
        .member-list .indiv-member p.namelink a:hover {
          text-decoration: underline;
          color: #cbb32d; }
    .member-list .indiv-member p.realname {
      font-size: 1.4rem; }
    .member-list .indiv-member p.description {
      font-size: 1.4rem; }

.honor-list {
  padding-top: 4rem; }
  .honor-list .indiv-member {
    float: left;
    width: 100%;
    margin-bottom: 4rem; }
    .honor-list .indiv-member .image, .honor-list .indiv-member .info {
      float: left;
      width: 50%; }
    .honor-list .indiv-member .image {
      text-align: center; }
      .honor-list .indiv-member .image img {
        width: calc(100% - 4rem);
        height: auto; }
    .honor-list .indiv-member .info {
      padding: 0 2rem; }
      .honor-list .indiv-member .info h3 {
        padding: 0;
        margin: 0 0 1rem;
        border: none;
        font-size: 2.6rem; }
        .honor-list .indiv-member .info h3 a {
          text-decoration: none; }
          .honor-list .indiv-member .info h3 a:hover {
            text-decoration: underline; }

footer {
  text-align: center;
  color: #eeeeee; }
  footer a {
    color: #cbb32d; }
  footer .inner {
    background: #222222;
    padding: 4rem 8rem 2rem; }
  footer ul.site-links {
    padding: 0;
    margin: 0; }
    footer ul.site-links li {
      display: inline-block; }
      footer ul.site-links li:after {
        content: " | "; }
      footer ul.site-links li:last-of-type:after {
        display: none; }
      footer ul.site-links li a {
        text-decoration: none; }
  footer .credit {
    margin-top: 4rem;
    opacity: 0.15;
    font-size: 1rem; }
    footer .credit:hover {
      opacity: 1; }
      footer .credit:hover a {
        color: #cbb32d; }
    footer .credit a {
      color: #eeeeee;
      text-decoration: none; }
      footer .credit a:hover {
        color: #cbb32d; }

#datatable {
  color: #eeeeee;
  background: rgba(0, 0, 0, 0.05);
  margin: 4rem 0;
  border: 1px solid rgba(0, 0, 0, 0.1); }
  #datatable a {
    color: #cbb32d;
    text-decoration: none;
    font-weight: bold; }
    #datatable a:hover {
      text-decoration: underline; }
  #datatable .clan-logo {
    width: 50px;
    height: auto;
    display: block;
    margin: 0 auto; }
  #datatable td, #datatable th {
    border: 1px solid rgba(0, 0, 0, 0.1); }
  #datatable th {
    background-color: rgba(0, 0, 0, 0.35); }

@media screen and (max-width: 950px) {
  header .logo {
    margin: 0 auto;
    width: 100%;
    height: auto; }
  header .navbar {
    margin-top: 4rem; }
    header .navbar .tab-nav:after {
      clear: both;
      display: table;
      content: ""; }
  header .search-tab {
display:none;
    position: relative;
    top: auto;
    right: auto;
    text-align: center;
    padding: 0;
    margin: 2rem auto; }
    header .search-tab input[type='search'] {
      background: #eee;
      color: #222222;
      padding: 0.5rem 1rem;
      border: none;
      width: 100%;
      box-sizing: border-box; }
    header .search-tab input[type='submit'] {
      color: #404040;
      position: absolute;
      right: 1rem;
      top: 0; }

  .news-feed, .fp-sidebar {
    width: 100%;
    max-width: 100%;
    float: none; }

  .fp-sidebar {
    margin: 0 auto;
    max-width: 458px;
    text-align: center; }

  .news-post .post-image {
    max-height: none; }

  .member-list .indiv-member {
    width: 50%; }

  .staff .staff-member {
    width: calc(50% - 4rem); }

  .content img {
    width: 100%;
    height: auto;
    padding: 2rem 0; }
  .content h2, .content h3, .content h4 {
    text-align: center; }

  .clan-locator-page .clan-faq-questions h3.clan-question i.clan-page-arrow {
    display: block;
    margin: 1rem 0 0;
    float: none; } }
@media screen and (max-width: 700px) {

  .navbar {
    background: #404040; }
    .navbar .mobile-toggle {
      cursor: pointer;
      display: block;
      border-bottom: 1px solid #666666;
      background: #222222;
      width: 100%;
      text-align: center;
      padding: 1rem; }
      .navbar .mobile-toggle:hover {
        background: #2f2f2f; }
    .navbar .tab-nav {
      position: static; }
      .navbar .tab-nav ul {
        width: 100%;
        text-align: center; }
        .navbar .tab-nav ul li {
          float: none;
          display: inline-block; }
    .navbar nav {
      text-align: center;
      display: none; }
      .navbar nav ul {
        display: block; }
        .navbar nav ul li {
          background: #222222;
          display: block;
          border-bottom: 1px solid #666666; }
          .navbar nav ul li:hover {
            border-bottom: 1px solid #666666; }
          .navbar nav ul li.current-menu-item, .navbar nav ul li.current-menu-ancestor {
            border-bottom: 1px solid #666666; }
          .navbar nav ul li.menu-item-has-children {
            border: none; }
          .navbar nav ul li a {
            margin-top: 0; }
            .navbar nav ul li a:hover {
              color: #cbb32d; }
          .navbar nav ul li ul li ul {
            display: block; }
          .navbar nav ul li ul.sub-menu {
            display: block;
            position: static;
            box-shadow: none; }
            .navbar nav ul li ul.sub-menu li {
              background: #404040;
              display: block; }
              .navbar nav ul li ul.sub-menu li.menu-item-has-children:before {
                display: none; }
              .navbar nav ul li ul.sub-menu li:last-of-type {
                border-bottom: 1px solid #666666; }
              .navbar nav ul li ul.sub-menu li ul.sub-menu {
                display: block;
                position: static; }
                .navbar nav ul li ul.sub-menu li ul.sub-menu li {
                  display: block; }
#topbarj {
min-height: 100px;
}


  .title-box {
    text-align: center; }
    .title-box a {
      font-size: 2rem; }

  .featured-image h2.page-title {
    text-align: center;
    font-size: 2rem; }

  .podcast-nav li, .magazine-nav li {
    float: none;
    display: block;
    text-align: center;
    width: 100%;
    border: none;
    border-bottom: 1px solid #666666; }
    .podcast-nav li:hover, .magazine-nav li:hover {
      background: #4d4d4d; }
    .podcast-nav li a, .magazine-nav li a {
      border: none; }
      .podcast-nav li a:hover, .magazine-nav li a:hover {
        border: none; }

  .member-list .indiv-member {
    width: 100%; }

  .crl-page span.timeline {
    display: none; }
  .crl-page .crl-list, .crl-page .crl-sidebar {
    width: 100%;
    padding: 0; }
  .crl-page .crl-list {
    border: none; }
  .crl-page .crl-sidebar {
    margin-top: 2rem; }
  .crl-page .crl-tabs ul li {
    width: 25%; }
    .crl-page .crl-tabs ul li span.label {
      font-size: 0.75rem;
      padding: 1rem;
      white-space: nowrap; }

  .staff .staff-member {
    float: none;
    margin: 4rem auto;
    text-align: center;
    width: 100%; }

  footer .inner {
    padding: 2rem; }
  footer ul.site-links li {
    display: block;
    margin: 0.5rem; }
    footer ul.site-links li:after {
      display: none; }

  .host-list .host-member {
    padding: 4rem 0;
    border-bottom: 1px solid #666666; }
    .host-list .host-member .host-photo {
      float: left;
      width: 100%;
      margin: 0 0 2rem;
      text-align: center; }
      .host-list .host-member .host-photo img {
        margin: 0 auto;
        max-width: 200px;
        height: auto; }
    .host-list .host-member .host-info {
      float: left;
      width: 100%; }
      .host-list .host-member .host-info h3 {
        font-size: 2.6rem;
        margin: 0 0 2rem 0;
        padding: 0;
        border: none;
        text-align: center; }
      .host-list .host-member .host-info a.message-button {
        text-align: center;
        font-size: 1.2rem;
        display: inline-block;
        border: 1px solid #cbb32d;
        padding: 0.5rem;
        text-decoration: none;
        vertical-align: middle; }
        .host-list .host-member .host-info a.message-button:hover {
          background: #cbb32d;
          color: white; }

  table#datatable {
    font-size: 1rem; }

  .dataTables_wrapper {
    position: relative;
    clear: both;
    background: none;
    zoom: 1;
    padding: 0;
    overflow: scroll;
    box-shadow: -40px 0px 40px -40px rgba(0, 0, 0, 0.35) inset; } }






.postfallen{

	width: 100%;

	float: right;

	margin: 0rem 0 0 0;

	font-size: 1.6rem;

	

}


.page-fallen {

width: 100%;

  

  

}

  .page-fallen hr {

    border: none;

    border-bottom: 1px solid #eeeeee; }

  .page-fallen h2, .page-fallen h3, .page-fallen h4, .page-fallen h5 {

    margin: 0rem 0 0.5rem 1rem;

    color: #d1b500; }

  .page-fallen h2 {

    font-size: 2.2rem; }

  .page-fallen h3 {

    font-size: 2rem; }

  .page-fallen h4 {

    font-size: 1.8rem;

    font-weight: normal; }

  .page-fallen h5 {

    font-size: 1.6rem;

    font-weight: normal; }

  .page-fallen .page-title {

    font-size: 2.8rem;

    padding: 0 0 1rem;

    margin: 1rem 0 2rem;

    color: #eeeeee;

    border-bottom: 1px solid #eeeeee; }

  .page-fallen h3 {

    margin: 4rem 0 1rem;

    border-bottom: 1px solid #eeeeee;

    padding-bottom: 1rem; }

  .page-fallen p, .page-fallen li {

    font-size: 1.6rem;
list-style-type: none;
    line-height: 2.1rem;

    margin: 5px 0px;


    color: #ddd; }

  .page-fallen p + p {

    margin-top: 1.5rem; }



.fallen1 .fallen1-member {

    margin: 1rem;

  height: 244px;

  width: 98%;

 

  padding: 1rem;

  background: #444;

  text-align: center; }





  .fallen1 .fallen1-member .fallen1-image img {

    width: 244px;

	float: left;

display:inline;



    height: auto; }

  .fallen1 .fallen1-member .fallen1-acronym {

    font-size: 1.4rem;

    font-style: italic;

    font-weight: normal; }

  .fallen1 .fallen1-member ul {

    list-style: none;

    padding: 0px;

    margin: 0; 

	float: left;

display:inline;

width: 49%;

	height: 244px;}

    .fallen1 .fallen1-member ul li {

      font-size: 1.6rem; }

      .fallen1 .fallen1-member ul li.fallen1-screen {

        font-size: 1.4rem; }

      .fallen1 .fallen1-member ul li.fallen1-links {

        margin: 0.5rem 0 0; }

      .fallen1 .fallen1-member ul li a {

        text-decoration: none;

        font-size: 1.4rem;

        padding: 0.25rem 0.5rem;

        width: 100%;

        display: block;

        float: left; }

        .fallen1 .fallen1-member ul li a:first-of-type {

          border-right: none; }

        .fallen1 .fallen1-member ul li a:hover {

          background: #cbb32d;

          color: #eeeeee; }

.fallen1 .fallen1-title {

  font-weight: bold;



  font-size: 1.6rem; }









.fallen1 .fallen1-member .fallen1-description {

    list-style: none;

    padding: 0px;

    margin: 0; 

	float: left;

display:inline;

width: 49%;

	height: 244px;}

FV



 .staff .fallen1-member ul li {
      font-size: 1.6rem; }
      .staff .fallen1-member ul li.staff-screen {
        font-size: 1.4rem; }
      .staff .fallen1-member ul li.staff-links {
        margin: 0.5rem 0 0; }
      .staff .fallen1-member ul li a {
        text-decoration: none;
        font-size: 1.4rem;
        padding: 0.25rem 0.5rem;
        width: 100%;
        display: block;
        float: left; }
        .staff .fallen1-member ul li a:first-of-type {
          border-right: none; }
        .staff .staff-member ul li a:hover {
          background: #cbb32d;
          color: #eeeeee; }




#topbarj {
    background: #222;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .075);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .075);
    height: 60px;
    padding: 20px;
    
color: #fff;
	text-transform: uppercase;
	font-weight: lighter;
	font-size: 14px;
}

#topbarj li a
{
	color: #fff;
	text-transform: uppercase;
	font-weight: lighter;
	font-size: 18px;
}
#topbarj .sign-in a, #topbar .sign-in a:hover, #topbar .sign-in a:focus
{
	background-color: #222;
}
#topbarj .sign-out a, #topbar .sign-out a:hover, #topbar .sign-out a:focus
{
	background-color: #222;
}
#topbarj .register a, #topbar .register a:hover, #topbar .register a:focus
{
	background-color: #222;
}
#topbarj .search a, #topbar .search a:hover, #topbar .search a:focus
{
	color: #444;
	background: #FFF;
}
#topbarj li a, .navbar-default .navbar-nav > li > a
{
	padding-top: 20px;
	padding-bottom: 20px;
}
#topbarj .navbar-nav
{
	margin: 0;
}

/* Collection Databases */		  
 #collectiontable {
  color: #eeeeee;
  background: rgba(0, 0, 0, 0.05);
  margin: 4rem 0;
  border: 1px solid rgba(0, 0, 0, 0.1); }

 #collectiontable a {
    color: #cbb32d;
    text-decoration: none;
    font-weight: bold; }
    #collectiontable a:hover {
      text-decoration: underline; }

 #collectiontable .clan-logo {
    max-width: 150px;
	max-height: 150px;
    display: block;
    margin: 0 auto; }
 
#collectiontable td, #collectiontable th {
    border: 1px solid rgba(0, 0, 0, 0.1);
    width: 12.5%; }

#collectiontable th {
    background-color: rgba(0, 0, 0, 0.35); }
	table#datatable {
    font-size: 1rem; }

.collectionTables_wrapper {
    position: relative;
    clear: both;
    background: none;
    zoom: 1;
    padding: 0;
    overflow: scroll;
    box-shadow: -40px 0px 40px -40px rgba(0, 0, 0, 0.35) inset; }   


.crl-page1 {
  background: #595959; }
  .crl-page1 h1 {
    padding: 2rem;
    margin: 0 0 5rem;
    text-align: center;
    border-bottom: 1px solid #666666; }
  .crl-page1 .crl-tabs {
    background: #404040; }
    .crl-page1 .crl-tabs ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      .crl-page1 .crl-tabs ul li {
        background-size: cover;
        background-position: top center;
        display: block;
        width: 9.09%;
        float: left;
        cursor: pointer;
        height: 200px;
        position: relative;
        opacity: 0.35; }
        .crl-page1 .crl-tabs ul li:hover {
          opacity: .65; }
        .crl-page1 .crl-tabs ul li.active {
          opacity: 1; }
        .crl-page1 .crl-tabs ul li span.timeline {
          position: absolute;
          bottom: 100%;
          padding: 1.5rem;
          font-size: 1.1rem;
          text-align: center;
          width: 100%;
          border-bottom: 0.25rem solid #cbb32d; }
          .crl-page1 .crl-tabs ul li span.timeline:after {
            position: absolute;
            left: calc(50% - 0.25rem);
            top: calc(100% - 1rem);
            width: 0.25rem;
            height: 1rem;
            background: #cbb32d;
            content: ""; }
        .crl-page1 .crl-tabs ul li span.label {
          background: #595959;
          position: absolute;
          bottom: 0;
          width: 100%;
          display: block;
          padding: 1.5rem 0;
          text-align: center;
          font-weight: bold;
          font-size: 1.8rem;
          letter-spacing: 0.05rem; }
    .crl-page1 .crl-tabs #modern-tab {
      background-image: url("images/era-photos/modern.jpg"); }
    .crl-page1 .crl-tabs #council-tab {
      background-image: url("images/MMCC_Council_Color-01.png"); }
    .crl-page1 .crl-tabs #crusader-tab {
      background-image: url("images/era-photos/crusader.jpg"); }
    .crl-page1 .crl-tabs #neo-tab {
      background-image: url("images/era-photos/neo.jpg"); }
    .crl-page1 .crl-tabs #canon-tab {
      background-image: url("images/era-photos/canon.jpg"); }
  .crl-page1 .crl-container {
    padding: 4rem 2rem;
    display: none; }
    .crl-page1 .crl-container.active {
      display: block; }
  .crl-page1 .crl-list, .crl-page1 .crl-sidebar {
    float: left; }
  .crl-page1 .crl-list {
    width: 61.8%;
    padding-right: 2rem;
    border-right: 1px solid #666666; }
  .crl-page1 .crl-sidebar {
    width: 38.2%;
    padding: 0 2rem; }
  .crl-page1 .crl-item {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); }
    .crl-page1 .crl-item:first-of-type .crl-item-title {
      margin-top: 0; }
    .crl-page1 .crl-item .crl-item-title {
      background: #737373;
      padding: 1.5rem;
      cursor: pointer;
      margin: 2rem 0 0;
      opacity: 0.85; }
      .crl-page1 .crl-item .crl-item-title.active, .crl-page1 .crl-item .crl-item-title:hover {
        opacity: 1; }
      .crl-page1 .crl-item .crl-item-title .crl-arrow {
        float: right;
        margin-top: .1rem; }
    .crl-page1 .crl-item .crl-info {
      position: relative;
      display: none;
      padding: 2rem 2rem;
      margin: 0;
      background: #666666;
      border-right: 2px solid #737373;
      border-left: 2px solid #737373;
      border-bottom: 2px solid #737373; }
      .crl-page1 .crl-item .crl-info ul, .crl-page1 .crl-item .crl-info p, .crl-page1 .crl-item .crl-info li {
        margin: 0;
        line-height: 2rem; }
      .crl-page1 .crl-item .crl-info ul {
        list-style: square; }
  .crl-page1 .crl-gallery {
    padding: 2rem 0; }
    .crl-page1 .crl-gallery a:nth-of-type(even) .gallery-img {
      margin: 0; }
    .crl-page1 .crl-gallery .gallery-img {
      box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
      height: auto;
      width: calc(50% - 1rem);
      margin: 0 2rem 2rem 0;
      float: left;
      opacity: 0.75;
background: black; }
      .crl-page1 .crl-gallery .gallery-img:hover {
        opacity: 1; }
  .crl-page1 .clr-apply {
    padding: 2rem; }
    .crl-page1 .clr-apply h2 {
      margin: 0;
      padding: 0; }
      .crl-page1 .clr-apply h2 a {
        color: #eeeeee;
        text-decoration: none;
        text-align: center;
        background: gray;
        padding: 2rem;
        width: 100%;
        display: block;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); }
        .crl-page1 .clr-apply h2 a:hover {
          background: #8c8c8c; }
  .crl-page1 .crl-footnote {
    margin: 4rem 0 0 0; }
    .crl-page1 .crl-footnote p:last-of-type {
      font-size: 1.2rem;
      font-style: italic; }