/* ----------------------------------------------------------------------------*/

/* !BL@LC Repertory.css  —  2015 onwards  */

/* Brandon's update to Carsten's test CSS: https://www.pacificessences.com/repertory/test.css */

/* ----------------------------------------------------------------------------*/

      @media (min-width: 980px) {
        #main {
/*           margin-top: 100px; */
        }
      }
      @media (max-width: 960px) {

        .navbar {
          margin-bottom: 0;
          border: none;
        }

        .responsive ul.megamenu > li.home, ul.megamenu > li.search {
          display: block;
        }
        .breadcrumb .container > div { padding: 0; }

      }
      /* #repFilterHeader
      --------------------------------------*/
      #repFilterHeader { /* position: fixed; background: #fff; */ }

      form { margin: 0px; padding; 0px; }

          /* #repFilter
          --------------------------------------*/
          #repFilter { border: 1px solid #ccc; padding: 6px 10px 6px 8px; background: #e6e6e6; /*  #68ACF3;  #E8E8E8; */ margin-bottom: 1em; font-size: .9em; }
    /*
            #repFilter:before, #repFilter:after { content: ""; display: table; }
            #repFilter:after { clear: both; }
            #repFilter { *zoom: 1; }
    */
          #repFilter label, #repFilter select,  #repFilter input {
            margin: 0 5px 0 0;
    /*
            float: left;
            display: inline-block;
    */
            color: #232323;
          }
          #repFilter .form-group {
            display: inline-block;
            margin: .5em 0 .75em;
          }

          #repFilter select,  #repFilter input { margin-right: 12px; }
          #repFilter input[type=text] {  min-width: 155px;  padding: .35em .1em .35em 1em; }
          #repFilter label {  text-shadow: -1px -1px 0 white;  /* color: white; */ }

          #repFilter a.btn, #repFilter button, #repFilter button[type=submit], #repFilter input[type=submit] { font-size: 1.15em;  }
          #repFilter a.btn, #repFilter button { margin-left: 1em; }

          #repFilter button[type=submit] { border-color: #67acf3; }


      /* #repResult
      --------------------------------------*/
      table#repResult  { width: 100%; }

/*
        #repResult :before, #repResult :after { content: ""; display: table; }
        #repResult :after { clear: both; }
        #repResult  { *zoom: 1; }
*/

      #repResult tr {  }




      #repResult tr:nth-child(n+2) {

        padding-top: .5em;

        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+54,f0f9ff+100 */
        background: #ffffff; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1NCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjBmOWZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
        background: -moz-linear-gradient(top,  #ffffff 54%, #f0f9ff 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(54%,#ffffff), color-stop(100%,#f0f9ff)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #ffffff 54%,#f0f9ff 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #ffffff 54%,#f0f9ff 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #ffffff 54%,#f0f9ff 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #ffffff 54%,#f0f9ff 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f9ff',GradientType=0 ); /* IE6-8 */
      }

      /* table header */
      #repResult tr:first-of-type { background: #d9edf7; /* #F2F2F2; */}


      #repResult th, #repResult td  {border: 1px solid #D9D9D9; text-align: left; vertical-align: top; }
      #repResult th { padding: 10px; color: #005994;  height: 3em; font-size: 14px;}
      #repResult th:first-of-type { position: relative; font-size: 0; color: #d9edf7; /* color same as bg to hide the text "Essence (click for details)" */ }
      #repResult th:first-of-type:before { content: "Essence"; font-size: 14px; color: #005994; } /* replacement title */

      #repResult td { padding: 12px 10px 5px;  /* background:#fff  url(/images/filter/bg_grad_row_2_flipped.jpg) repeat-x 10px top;  */  }
      #repResult td:first-of-type {width: 12%; } /* keep the images looking the same width */
      #repResult td:nth-child(2) { font-weight: bold; }
      #repResult td:last-of-type {width: 15%;}

      /* disable links */
      /*       https://css-tricks.com/pointer-events-current-nav/ */
      #repResult a {
       pointer-events: none;
       cursor: default;

       color: #005994;
      }


      /*   responsive images - note that these thumbnails are max 175px wide */
      #repResult img {
      /* from bootstrap 3.2.0 .img-responsive */
        max-width: 100%;
        height: auto;
      }

      #repResult tr .p {}

      #repResult small { font-style: italic; }
      #repResult dl {
        float: left;
        margin: 0 1em .5em 0;
        width: 100%;
      }
      @media (min-width: 980px) {
        #repResult dl {
          width: 45%;
        }
      }

      #repResult dt { margin-bottom: .25em;  }
      #repResult dd { padding: 0 0 .1em 0; display: inline-block; margin-right: .5em;}
      #repResult dd:not(:last-child):after {content:",";}

      /* This part is for the display of a single essence */
      #repEssence { font-size: 13px; width: 700; }
      #repEssence td { font-size: 13px; padding: 0 10px 0 0;  }
      #repEssence .image { vertical-align: top; padding: 0 10px 0 0;}
      #repEssence .image img { }
      #repEssence .text { vertical-align: top; }
      #repEssence .name { font-weight: bold; font-size: 18px;}
      #repEssence .localName { font-size: 13px; }
      #repEssence .latinName { font-size: 13px; font-weight: normal; font-style: italic; }
      #repEssence .quote { font-weight: bold; }
      #repEssence .attractors { }
      #repEssence .challenges { }
      #repEssence .meridians { }
      #repEssence .chakras { }
      #repEssence .infos { text-align: left; vertical-align: top; }
      #repEssence .label { font-weight: bold; text-align: left; vertical-align: top; }