/* Extracted and interpreted from adcstyle.css and frameset_styles.css */


/* ################################## IMPORTS ##################################*/

/*
@import url("https://ianthekirkland.com/style/typography.css") all;
@import url("https://ianthekirkland.com/style/solarized_dark.css");
*/


/* ################################## MEDIA : ALL ##################################*/
@media all {

  html {
    /*font-size: 14px;*/
  }

  /* ________________________________ font families ________________________________ */

  * {
    font-family: "font-regular", Helvetica, "Helvetica Neue", HelveticaNeue, Arial, sans-serif;
  }

  body,
  ul ul ul,
  ol ol ol,
  ul ul ul li,
  ol ol ol li {
    font-family: "font-regular", Helvetica, "Helvetica Neue", HelveticaNeue, Arial, sans-serif;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  strong,
  .bold,
  .tiny,
  dt,
  ul,
  ol,
  li,
  table th p {
    font-family: "font-medium", "Helvetica Bold", "Helvetica Neue Bold", "HelveticaNeue-Bold", "Arial Bold", sans-serif;
  }

  h6 {
    font-family: "font-medium", "Helvetica Neue Light", HelveticaNeue-Light, Helvetica, Arial, sans-serif !important;
    /* font-family: "font-light", "Helvetica Neue Light", HelveticaNeue-Light, Helvetica, Arial, sans-serif !important; */
  }

  pre,
  code {
    font-family: menlo, courier, consolas, monaco, monospace;
  }

  x,
  afx,
  doc {
    font-family: helvetica, arial, sans-serif;
  }





  /* ________________________________ global font/text settings ________________________________ */
  * {
    /*Web-kit Bug Workaround*/
    /* https://css-tricks.com/forums/topic/weird-mobile-safari-font-face-problem-font-doubled-and-offset-to-the-left/ */
    font-weight: normal !important;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: subpixel-antialiased !important;
  }



  /*________________________________ tmp ________________________________ */

  .col-md-5 {
    width: 41.66666667%;
    position: relative;
    top: 8em;
  }

  .navbar-default .navbar-toggle {
    border-color: #fff !important;
  }

  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff !important;
  }

  /* 
    ________________________________ body ________________________________ 
    body
        {
        max-width: 960px;
        margin: 20px 40px;
        margin: 0px auto;
        margin-bottom: 6em;
        padding-left: 3em !important;
        padding-right: 3em !important;
        background-color: #F7F7F7;
        background-color: #fff;
        color: #666666;
        font-size: 14px;
        letter-spacing: .25px;
        line-height: 160%;
        zoom: 97%;
        }
    
    #wrapper
        {
        background-color: #fff;
        
        -moz-box-shadow:    2px 2px 10px 3px #F1F1F1;
        -webkit-box-shadow: 2px 2px 10px 3px #F1F1F1;
        box-shadow:         2px 2px 10px 3px #F1F1F1;
        
        }
    
        #ribbon
            {
            width:100%;
            height:45px;
            background-color:#666666;
            background-color: #459B3B;
            margin-bottom: -.5em;
            }
    
        #ribbon.bhgre
            {
             background-color:#459B3B !important; 
            }
    
        #content
            {
            width: 100%;
            background-color: #fff;
            }
        
            #contentdiv
                {
                padding: 4em;
                overflow-wrap: break-word;
                }
    
    header 
        {
        margin-top: 20px;
        margin-right: auto;
        min-height: 2em;
        }
    
    
     links 
    a:link
        {
        color: #2494d8;
        text-decoration: none;
        }
    
    a.bhgre:link
        {
        color: #459B3B;
        text-decoration: none;
        }
    
    a:visited
        {
        color: #57759c;
        text-decoration: none;
        }
    
    a:hover
        {
        color: #ffffff;
        background-color: #2494d8;
        transition:all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        }
        
    a:active 
        {
        color: #ffda40;
        text-decoration: underline;
        }
    
    
      ________________________________ html tags ________________________________ 
    
      Work around IE/Win code size bug - courtesy Jesper, waffle.wootest.net  
    
    * html code 
        {
        font-size: 101%;
        }
    
    * html pre 
        {
        font-size: 101%;
        }
    
    
     ________________________________ code ________________________________ 
    
    pre, 
    code 
        {
        font-size: 11px; 
         overflow: scroll;   
         above is contained in solarized_dark.css 
        }
    
    pre 
        {
        margin: 20px 0 10px 0;
        text-align: left;
        }
    
    
    p+pre, 
    p+code 
        {
        margin-top: -.5em;
        }
    
    pre+p,
    code+p 
        {
        margin-top: .5em;
        }
    
    hr 
        {
        color: rgba(215, 215, 215, .25);
        color: #F0F0F0;
        size: 1px;
        width: 100%;
        noshade: "noshade";
        }
    
    .light-hr hr 
        {
        color: #999999;
        size: .5;
        width: 100%;
        noshade: "noshade";
        margin-bottom: 1em;
        }

    

     ________________________________ headers, etc. ________________________________ 
    
    h1, 
    h2, 
    h3, 
    h4, 
    h5  {
        color: #666666 !important;
        letter-spacing: -.5px;
        line-height: 1.25em;
        margin-bottom: 20px !important;
        }

    h1
        {
        color: #459B3B !important;
        }

    h6  {
        color: #666666 !important;
        }

    
    .bold,
    dt 
        {
        color: #666666 !important;
        margin-bottom: 10px;
        padding-top: 5px;
        }
    
    dd
        {
        margin-bottom: 10px;
        }
    
    dd:last-child
        {
        margin-bottom: 20px;
        }
    
    h1  {
        margin-top: 1.5em;
        margin-bottom: .5em;
        font-size: 30px;
        }
    
    h2  {
        margin-top: 2.5em;
        font-size: 24px;
        padding-bottom: 10px;
        border-bottom: 1px solid #A9A9A9;
        }
    
    h3  {
        margin-top: 2em;
        margin-bottom: .5em;
        font-size: 18px;
        line-height: 140%;
        }

    
    h4  {
        margin-top: 2em;
        margin-bottom: .5em;
        font-size: 16px;
        padding-bottom: 4px;
        line-height: 140%;
        border-bottom: 1px solid #A9A9A9;
        }

    
    h5  {
        margin-top: 1em;
        margin-bottom: .5em;
        font-size: 15px;
        font-size: 95%;
        text-transform: uppercase;
        letter-spacing: .1ex;
        line-height: 140%;
        }


    h6  {
        margin-top: .5em;
        padding: 0;
        font-size: 12px;
        line-height: 140%;
        }


    h1+h1,
    h1+h2,
    h1+h3,
    h1+h4,
    h1+h5,
    h1+h6,
    h2+h1,
    h2+h2,
    h2+h3,
    h2+h4,
    h2+h5,
    h2+h6,
    h3+h1,
    h3+h2,
    h3+h3,
    h3+h4,
    h3+h5,
    h3+h6,
    h4+h1,
    h4+h2,
    h4+h3,
    h4+h4,
    h4+h5,
    h4+h6,
    h5+h1,
    h5+h2,
    h5+h3,
    h5+h4,
    h5+h5,
    h5+h6,
    h6+h1,
    h6+h2,
    h6+h3,
    h6+h4,
    h6+h5,
    h6+h6,
        {
        margin-top: 50% !important;
        margin-bottom: 50% !important;
        }

    h6
        {
        margin-top: -.5em;
        margin-bottom: -.5em;
        line-height: 2.5em !important;
        }
    
    p
        {
        margin-top: 0px;
        margin-bottom: 10px;
        }
        
        
    .tiny 
        {
        font-size: 80% !important;
        line-height: 125%;
        letter-spacing: .25px;
        /*line-height: 98% !important;*!/
        /*letter-spacing: 110% !important;*!/
        }
        
    .red 
        {
        color: #D14839 !important;
        }
    
    .blue
        {
        color: #2494d8 !important;  
        }
        
    .gray
        {
        color: #AAAAAA !important;  
        }
        
    .green
        {   
        color: #3FB176 !important;
        }
        
    .yellow
        {
        color: #FFE666 !important;  
        }

    .red-bg 
        {
        background-color: #D14839 !important;
        }
    
    .blue-bg
        {
        background-color: #2494d8 !important;   
        }
        
    .gray-bg
        {
        background-color: #AAAAAA !important;   
        }
        
    .green-bg
        {   
        background-color: #3FB176 !important;
        }
        
    .yellow-bg
        {
        background-color: #FFE666 !important;   
        }

    .spacer
        {
        /*margin: 5px;*!/
        padding: .25ex; 
        }
        
    .faded
        {
        opacity: .5 !important; 
        }
    
    /* ________________________________ lists ________________________________ *!/
    
    ol          
        {
        list-style-type: decimal;
        }
    
    ol ol       
        {
        list-style-type: lower-alpha;
        }
    
    ol ol ol    
        {
        list-style-type: lower-roman;
        }
    
    ul
        {
        list-style-type: disc;
        }
    
    ul ul
        {
        list-style-type: square;
        }
    
    ul ul ul,
    ol ol ol
        {
        list-style-image: url(https://ianthekirkland.com/imgs/bull_arrow-r01.png);
        }
    
    ol, 
    ol ol, 
    ol ol ol, 
    ul, 
    ul ul, 
    ul ul ul 
        {
        margin: 15px 0 30px 15px;
        padding-bottom: 0px; 
        padding-left:10px;      
        list-style-position: outside;
        /*  
        As an example, you can also do this:
        list-style: square outside;
        *!/
        }
            
    li          
        {
        /*margin: 0 0 15px 5px*!/
        margin-bottom: 8px; 
        margin-left: 5px;
        line-height: 140%;
        }
        
    li>p
        {
        display: inline;
        }
    
    li>p+p
        {
        display: block;
        }
    
    li>a+p
        {
        display: block;
        }
    */

  /* ________________________________ table ________________________________ */

  /*  table
        {
        /*border-top: 1px solid #919699;*!/
        /*border-left: 1px solid #919699;*!/
        /*border-spacing: 0;*!/
        border-spacing: 4px;
        }
        
    table th
        {
        padding: 6px 10px 6px 10px;
        background: #E2E2E2;
        font-size: 12px;
        /*border-bottom: 1px solid #919699;*!/
        /*border-right: 1px solid #919699;*!/
        /*border-right: 4px solid #ffffff;*!/
        }
    
    table th p
        {
        font-weight: bold;
        margin-bottom: 0px; 
        }
        
    table td
        {
        padding: 6px 10px 6px 10px;
        font-size: 12px;
        vertical-align: top;
        border-bottom: 1px solid #E2E2E2;
        /*border-right: 4px solid #ffffff;*!/
        /*border-bottom: 1px solid #919699;*!/
        /*border-right: 1px solid #919699;*!/
        }
    
    table td p
        {
        margin-bottom: 0px; 
        }
    
    table td p + p  
        {
        margin-top: 5px; 
        }
    
    table td p + p + p 
        {
        margin-top: 5px; 
        }
    */
  /* ________________________________ forms ________________________________ */
  /*
    form
        {
        margin: 0;
        }
    
    button
        {
        margin: 3px 0 10px 0;
        }
    
    input
        {
        vertical-align: middle;
        padding: 0;
        margin: 0 0 5px 0;
        }
    
    select
        {
        vertical-align: middle;
        padding: 0;
        margin: 0 0 3px 0;
        }
    
    textarea
        {
        margin: 0 0 10px 0;
        width: 100%;
        }
    */

  /* ________________________________ custom tags ________________________________ */


  x,
  afx,
  doc {
    font-size: 90%;
    -moz-border-radius: 16px;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-border-radius: 16px;
    -webkit-transition: all .2s ease-in-out;
    background: #D4E6FB;
    border-color: #A4BDEC !important;
    border-radius: 5px;
    box-shadow: -.5px 1px 2px rgba(0, 0, 0, .2);
    color: #333 !important;
    font-size: 14px;
    font-weight: 400;
    margin: 3px 3px;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
    text-shadow: 0 1.5px .2ex #FAFFFF;
    transition: all .2s ease-in-out;
    display: inline-block;
    float: left;
    white-webkit-space: pre-wrap;
    -moz-space: pre-wrap;
    -ms-space: pre-wrap;
    -o-space: pre-wrap;
    space: pre-wrap;
    /* 
        to-do:
        find a way to put use a given tag's href as 'bookmarklet' that (using URL scheme, whether public or nvALT) to search for the tag
         */
  }

  x:hover,
  afx:hover,
  doc:hover {
    background: #498FEB;
    border-color: #A4BDEC !important;
    color: #fff !important;
    text-shadow: 0 -1.5px .2ex #333;
  }



  x>a,
  afx>a,
  doc>a {
    color: #333 !important;
  }

  x:hover>a,
  afx:hover>a,
  doc:hover>a {
    color: #fff !important;
  }


  /*  #tags-container
        {
        margin-top: 7em;
        margin-bottom: 5em;
        }
*/

  /* ________________________________ images ________________________________ */

  /*img
        {
        max-width: 100%;
        padding: 20px 0px 30px 10px;
        }
        
    */

  /* ________________________________ buttons ________________________________ */

  /*  .btn {
      -webkit-border-radius: 60;
      -moz-border-radius: 60;
      border-radius: 60px;
      font-family: Helvetica, Arial, sans-serif;
      color: #ffffff;
      font-size: 14px;
      background: #3498db;
      padding: 8px 20px 8px 20px;
      text-decoration: none;
    }
    
    .btn:hover {
      background: #3cb0fd;
      background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
      background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
      background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
      background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
      background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
      text-decoration: none;
    }*/




  /* ________________________________ custom header ________________________________ */
  /* .logo
        { 
        text-decoration: none !important;
        float: left;
        border: none !important;
        margin-left:-30px; 
        margin-top:-50px; 
        margin-bottom:-20px; 
        min-width:2rem;
        clear: both;*/
  /*max-width:40% !important;*/
  /* } */

  input {
    font-family: "font-regular", Helvetica, "Helvetica Neue", HelveticaNeue, Arial, sans-serif;
    /*  color: #666666;
    font-size: 14px;
    letter-spacing: .25px;
    line-height: 160%;
    margin-bottom: .75em;
    padding-left: 5px;
    width: 14ex;
    
    border-style: inset; 
    border-width: 2px;
    /*border-color: #CCCCCC; *!/
    border-color: rgba(215, 215, 215, .25);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;*/
  }

  input[type=text],
  input.bold {
    font-family: "font-medium", "Helvetica Bold", "Helvetica Neue Bold", "HelveticaNeue-Bold", "Arial Bold", sans-serif;
  }


  /*media query conditionals would be good here */
  input.sm-a {
    width: 4em;
  }

  input.sm-b {
    width: 6em;
  }

  input.sm-c {
    width: 9em;
  }


  /*could you do this starting with the "input.sm" then adjust from there (via adjusting the inherited values)?*/
  input.med-a {
    width: 12em;
  }

  input.med-b {
    width: 14em;
  }

  input.med-c {
    width: 16em;
  }


  input.lg-a {
    width: 18em;
  }

  input.lg-b {
    width: 24em;
  }

  input.lg-c {
    width: 30em;
  }


  /* ________________________________ Quiver Output Overrides ________________________________ */

  #titlearea {
    border-bottom: none !important;
    padding: none !important;
  }

  #contentarea {
    padding: none !important;
    margin: none !important;
  }

  /* ________________________________ Bootstrap Overrides ________________________________ */
  /*  .navbar, .navbar-collapse.collapse, .navbar.navbar-inverse.navbar-static-top, .navbar.navbar-inverse.navbar-static-top .container
    {
    background-color: 0 !important;
    border-color: #888888 !important;*/
}

/*  
    /* ________________________________ Bootstrap Overrides ________________________________ *!/
    .navbar.navbar-inverse.navbar-static-top .container
    {
    background-color: 0 !important;
    border-bottom-color: #888888 !important;
    }
    */

/*.navbar-default, .navbar-brand, .navbar.navbar-inverse.navbar-static-top .container, .navbar-collapse.collapse*/
.navbar-default,
.navbar-brand,
.navbar.navbar-default.navbar-static-top .container,
.navbar-collapse.collapse {
  color: #F8F8F8 !important;
  background-color: transparent !important;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
  /*border-bottom-color: #888888 !important;*/
  border-bottom-color: rgba(255, 255, 255, .25) !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
}

.navbar-default .navbar-nav>li>a {
  color: #F8F8F8;
  /*text-shadow: 0px .5px 16px black;*/
}

.navbar-default .navbar-nav>li.active>a,
.navbar-default .navbar-nav>li.active>a.dropdown-toggle,
.navbar-default .navbar-nav>li.dropdown.open>a.dropdown-toggle {
  background-color: #818181;
  /*text-shadow: 0px .5px 16px black;*/
}


/* Active */
.navbar-default .navbar-nav>li.active>a {
  color: #ffffff;
  /*background-color: rgba(255, 86, 57, .25);*/
  /*background-color: #818181;*/
  background-color: rgba(255, 255, 255, .25) !important;
  /*text-shadow: 0px .5px 16px black;*/
}

/* Hover */
.navbar-default .navbar-nav>li.active>a:hover,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li.dropdown.open>a.dropdown-toggle:hover {
  color: #ffffff;
  /*background-color: #999999;*/
  background-color: rgba(153, 153, 153, .25) !important;
  /*text-shadow: 0px .5px 16px black;*/
}

/* Focus */
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>.active>a,
/*.navbar-default .navbar-nav>.active>a:hover, */
.navbar-default .navbar-nav>.active>a:focus {
  color: #ffffff !important;
  background-color: rgba(255, 255, 255, .25) !important;
  /*text-shadow: 0px .5px 16px black; */
}

/*
    a.navbar-brand 
    {
    font-size: 2em;
    font-family: font-medium;
    margin-left: -1em;
    margin-right: 2em;
    }
    */

a.navbar-brand {
  font-size: 3rem;
  font-family: "font-medium";
  margin-left: -3rem;
  margin-right: 3rem;
  /*text-shadow: 0px .1px 5px black;*/

}

.carousel-inner .container {
  background-color: rgba(153, 153, 153, .25);
  /*z-index: 1 !important;*/
}

.carousel-inner img {
  background-color: rgba(153, 153, 153, .25);
  /*z-index: 2 !important;*/
  /*opacity: 50% !important;*/
  /*width: 100%;*/
  /*overflow: hidden !important;*/
  /*height: 500px !important;*/
  /*min-height: 100% !important;*/
  /*position: relative;*/
}


.carousel-inner>.item>img {
  height: 500px !important;
  overflow: hidden !important;
}

.container.marketing {
    position: relative;
    top: 50px;
}

/* Total BS manual hack cuz I'm too lazy to fix the actual problem */
#carousel-caption--3 {
    bottom: 16%;
}

/* Important used here because carousel CSS loads after and I don't feel like messing with load order */
/*.carousel-caption__header {
  font-size: 42px !important;
}*/

.row.featurette .featurette-heading {
    font-size: 2.5em;
}

.row.featurette p {
    font-size: 1.4em;
}

.btn-thin {
    border: 2px solid transparent !important;
}


/* ################################## MEDIA : PRINT ##################################*/

/*
@media print 
{

    * 
        {
        zoom: 85% !important;
        }

    pre, 
    code 
        {
        font-size: 11px;
        white-space: pre-wrap !important;
        /*white-space: normal; *!/
        }
    
}