/*
Theme Name: sc-bootstrap-blog
Theme URI: http://teamtreehouse.com/wordpress-bootstrap-theme-tutorial
Description: A Bootstrap theme modified for the ShowClix Blog.
Author: Ryan Hizer
Author URI: http://teamtreehouse.com/
Version: 1.0
Tags: responsive, white, bootstrap

License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/

This simple theme was built using the example Bootstrap theme "Basic marketing site" found on the Bootstrap web site http://twitter.github.com/bootstrap/examples/hero.html
*/

@import url('bootstrap/dist/css/bootstrap.css');
@import url('bootstrap/dist/css/bootstrap-responsive.css');

body.freeze {
  overflow-y:hidden;
}

.search-overlay {
  display:none;
  width:100%;
  height:1000vh;
  padding-top:100px;
  background:rgba(8,31,55,.95);
  position:absolute;
  z-index:1031;
}

.search-overlay.show {
  display:block;
}

#close-search {
  position:absolute;
  right:15px;
  top:20px;
  color:white;
  font-size:25px;
}

div[id*="ajaxsearchlite"] {
  background:transparent;
  background-image:radial-gradient(ellipse at center, rgba(255,255,255,0), rgba(255,255,255,0));
}

div[id="ajaxsearchliteres1"] {
  // top:200px!important;
  border-radius:3px!important;
}

#ajaxsearchlite1 .probox .proinput input, div[id*="ajaxsearchlite"] .probox .proinput input {
    color:black;
}

#ajaxsearchlite1 .probox, div[id*="ajaxsearchlite"] .probox {
    margin: 0px;
    height: 34px;
    background-color: white;
    background-image: -moz-radial-gradient(center, ellipse cover, rgb(225, 99, 92), rgb(225, 99, 92));
    background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, rgb(225, 99, 92), rgb(225, 99, 92));
    background-image: white;
    background-image: -o-radial-gradient(center, ellipse cover, rgb(225, 99, 92), rgb(225, 99, 92));
    background-image: -ms-radial-gradient(center, ellipse cover, rgb(225, 99, 92), rgb(225, 99, 92));
    background-image: white;
    border: 0px solid rgb(104, 174, 199);
    border-radius: 0px 0px 0px 0px;
    box-shadow: 0px 0px 0px 0px rgb(181, 181, 181) inset;
}

div[id*="ajaxsearchlite"] .probox .promagnifier {
    width: 34px;
    height: 34px;
    background-color: #55ade1;
    background-image: -o-linear-gradient(180deg, rgb(190, 76, 70), rgb(190, 76, 70));
    background-image: -ms-linear-gradient(180deg, rgb(190, 76, 70), rgb(190, 76, 70));
    background-image: #55ade1;
    background-image: #55ade1;
    background-position: center center;
    background-repeat: no-repeat;
    border: 0px solid rgb(0, 0, 0);
    border-radius: 0px 0px 0px 0px;
    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.61);
    cursor: pointer;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

div[id*="ajaxsearchlite"] .probox div.prosettings {
    width: 34px;
    height: 34px;
    background-color: #55ade1;
    background-image: -o-linear-gradient(185deg, rgb(190, 76, 70), rgb(190, 76, 70));
    background-image: -ms-linear-gradient(185deg, rgb(190, 76, 70), rgb(190, 76, 70));
    background-image: #55ade1;
    background-image: #55ade1;
    background-position: center center;
    background-repeat: no-repeat;
    float: right;
    border: 0px solid rgb(104, 174, 199);
    border-radius: 0px 0px 0px 0px;
    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.63);
    cursor: pointer;
    background-size: 100% 100%;
    order: 7;
    -webkit-order: 7;
}

div[id*="ajaxsearchlitesettings"].searchsettings {
    background-color: #2772b8;
    background-image: #2772b8;
    background-image: -moz-linear-gradient(185deg, rgb(190, 76, 70), rgb(190, 76, 70));
    background-image: -o-linear-gradient(185deg, rgb(190, 76, 70), rgb(190, 76, 70));
    background-image: -ms-linear-gradient(185deg, rgb(190, 76, 70), rgb(190, 76, 70));
    background-image: #2772b8;
    background-image: #2772b8;
    background-image: -moz-linear-gradient(185deg, rgb(190, 76, 70), rgb(190, 76, 70));
    background-image: -o-linear-gradient(185deg, rgb(190, 76, 70), rgb(190, 76, 70));
    background-image: -ms-linear-gradient(185deg, rgb(190, 76, 70), rgb(190, 76, 70));
    box-shadow: 0px 0px 0px 0px rgb(0, 0, 0);
}

div[id*="ajaxsearchliteres"].vertical {
    padding: 4px;
    background: white;
    border-radius: 3px;
    border: 0px none rgb(0, 0, 0);
    border-radius: 0px 0px 0px 0px;
    box-shadow: 0px 0px 0px 0px #000000;
    visibility: hidden;
    display: none;
}