/* Deaffriendly Brand New CSS Document */

/*  font styles */

h2 {
color: #3f3f3f;
font-weight: normal;
font-style: normal;
/* font-size: 18px; */
padding: 6px 0 0 0;
border-bottom: 1px solid #cbcbcb;
margin-bottom: 9px;
}

h2 a:hover {
text-decoration: none;
}

h2.lined {
color: #3f3f3f;
font-weight: normal;
font-style: normal;
font-size: 1.2em; 
padding: 6px 0 0 0;
border-bottom: 1px solid #cbcbcb;
margin-bottom: 9px;
}

/*  Begin style sheet - deaffriendly homepage from top to bottom */

body {
    font-family: Helvetica, Arial, Geneva, sans-serif;
    color: #04040E;

}
html {
background-image: linear-gradient(
                to right, 
                #293891, 
                #26a5dd
        );
}

div#header.container-fluid {
	padding: 0px;
	background-color: #000000;
	background-image: url(../img/bigmap.jpg);
	background-position: top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

img.logo {margin: 10px 0 0 0; }
img.logo-mobile {  margin: 0 auto;  }

.login { margin-top:30px; }
.login-mobile { text-align: center; margin: 0 auto; margin: 10px 0 20px; }
.login a, .login-mobile a { color: #428bca; font-weight: bold; }

.login-style {
color: #338AF9;
font-weight: 900;
}

#slogan-large {
margin-left: 15px;
margin-top: 20px;
}

#slogan-large p.lead {
margin-bottom: -10px;
font-size: 2.0em;
}

#slogan-mobile {
margin: 0 auto;
text-align: center; }

#slogan-mobile p.lead {
font-size: 1.5em;
margin-bottom: 0px;
}

.lead-orange { color: #ff5757; }
.lead-white { color: #fff; }
.lead-blue { color:#426DC8;}

#search_submit {
padding: 9px 15px;
background-color: #fff;
color: #ff5757;
border-color: transparent;
/* opacity: 0.80;
filter: alpha(opacity = 80); */
-moz-border-radius: 0 30px 30px 0;
-webkit-border-radius: 0 30px 30px 0;
border-radius: 0 30px 30px 0;
margin-left:0px;
margin-bottom:20px;
margin-top:20px;
}

input.search_biz {
height: 40px;
background-color: #fff;
/* opacity: 0.80; */
/* filter: alpha(opacity = 80); */
border-style: none;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
font: normal 20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
padding: 10px;
/* color: rgba(255, 255, 255, 0.43); */
margin-top: 20px;
box-shadow: none;
}

input.searchchanged {
/* color: white; */
/* border-radius: 30px 0px 0px 30px;
moz-border-radius: 30px 0px 0px 30px;
-webkit-border-radius: 30px 0px 0px 30px; */
}

#social {
margin-bottom: 20px;
margin-top: 20px;
text-align: right;
}

#social-mobile {
margin-bottom: 20px;
/* margin-top: 20px; */
text-align: center;
}

/*  navbar formatting */

div#menu.container-fluid { padding: 0px;}
.navbar-inverse { background-color: #426DC8; border: 0px;}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #ff5757;}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #ff5757;}
.dropdown-menu { background-color: #426DC8;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #428BCA;}
.navbar-inverse { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }

.navbar-inverse .navbar-brand { color: #FFFFFF;}
.navbar-inverse .navbar-brand:hover { color: #FFFFFF;}
.navbar-inverse .navbar-nav>li>a { color: #FFFFFF; }
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #FFFFFF;}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #FFFFFF;}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #FFFFFF;}
.dropdown-menu>li>a { color: #FFFFFF;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFFFF;}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #FFFFFF;}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF;}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #FFFFFF;}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF;}

.navbar {
border-radius: 0px;
margin-bottom: 0px;
/* height: 50px; // this fixes the padding issue but BREAKS the mobile nav :-(  */
}

.navbar-inverse .navbar-nav>li>a
{ color: #fff;
font-weight: 300;
font-size: 16px; }

.navbar .navbar-nav {
  display: inline-block;
  float: none;
}

.navbar .navbar-collapse {
  text-align: center;
  margin-bottom: -5px;
}
/*  main body formatting */

div#main.container-fluid {
background-color: #fff;
padding-bottom: 20px;
}

.whitebox_full { border-radius:0px;}

/* slider formatting */

.nivo-slider {  }

.nivo-caption {
position: absolute;
left: 0px;
bottom: 0px;
background: #fff !important;
color: #000 !important;
width: 100%;
z-index: 8;
padding: 5px 10px;
opacity: 0.8;
overflow: hidden;
display: none;
-moz-opacity: 0.8;
filter: alpha(opacity=8);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#slider div.nivo-caption p a {
color: #0d0d0d;
font-weight: bold;
font-size: 12px;
opacity: 1;
}

/* browse & share reviews formatting */

div.review_box_small {
float: none;
width: 100%;
background-color: transparent;
padding: 0;
margin-left: 0;
margin-bottom: 0;
}

div.lateest_img {
width: 64px;
}

img.late_rate_img {
width: 64px;
display: block;
}


h2.latest_rating {
font-weight: bold;
padding: 0;
margin: 0px;
border-style: hidden;
color: #1985f9;
font-size: inherit;
line-height: inherit;
}

h2.latest_rating a {
color: #1985f9;
font-size: inherit;
}

div.review_box_small div.star {
display: block;
padding: 0px;
height: auto;
margin: 0px;
}

div.latest_rating {
color: #4c4c4c;
margin-bottom: 0;
margin-top: 5px;
float: none;
width: 100%;
font-size: inherit;
line-height: inherit;
}

/* most recent news & announcement formatting */

div.news_box {
/* float: none; */
margin: 0px;
}

.news_pag p {
margin-top: 7px;
padding-bottom: 0;
margin-bottom: 10px;
font-size: inherit;
line-height: inherit;
font-family: inherit;
}

/* reviews by advocates & champions */

img.gravatar { margin: 0 auto; width:100%;}

div.reviewer_box {
/* float: left; */
margin: 10px 0px 10px 0px;
padding: 5px;
width: 100%;
height: 100%;
min-height: 340px;
background-color: #e3e2e2;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
div.reviewers {
width: auto;
height: 100px;
overflow: hidden;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #bbbbbb;
}
.reviewer_box h3 {
color: #646464;
font-weight: normal;
font-style: normal;
font-size: inherit;
margin-top: 5px;
text-shadow: 1px 1px 1px #ffffff;
margin-bottom: 5px;
}

div.review_single {
background-color: #ffffff;
border: 1px solid #bdbdbd;
padding: 5px;
margin-bottom: 6px;
height: auto;
min-height: 175px;
}
.review_single h4 {
font-size: inherit;
margin-bottom: 2px;
}
p.post_date {
color: #b2b2b2;
font-size: inherit;
margin-top: 6px;
font-style: italic;
margin-bottom: 5px;
}
div.reviewer_summary {
color: #7a7a7a;
font-size: inherit;
margin-bottom: 5px;
}
p.read_more {
text-align: right;
font-size: inherit;
margin-bottom: 4px;
margin-right: 2px;
}

/*  footer formatting */

#footer .ad_banner img {
margin: 0 auto;
margin-top: 20px;
margin-bottom: 20px;
}

div.info_box {
margin-right: 0px;

}
div.info_box ul li {
list-style-type: none;
padding: 0;
margin: 0;
color: #dadada;
font-size: 18px;
}
div.info_box ul { padding: 0px; }

div.info_box a {
color: #fff;
font-size: 14px;
}

.footer_info {
/* position: relative; */
left: 0px;
margin-top: 0px;
margin-left: 0;
text-align: right;
}

.footer_info-mobile {
margin-top:20px;
margin-bottom:20px;
float:none;
text-align:center;
}

.attribution  { color:#fff; margin: 0px; }
.attribution a { color: #fff; }

/* ad banner formatting */

.ad_banner img {
margin: 0 auto;
margin-top:10px;
}

/* business .html formatting */
span.review_number {
color: #868686;
float: left;
display: block;
margin: 0 0 10px 0;
}

.review_button {
margin-top: 20px;
margin-bottom: 10px;
 }

div.merchant_reviews {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: #f4f3f3;
border: 1px solid #c7c7c7;
padding: 10px;
margin: 0 10px 10px 0;
width: 100%;
min-height: 130px;
}

.reviewer_badge_sm { margin: 5px 0px;}

.merchant_sharethis { margin: 10px 0;}

div.icon_point {
background: url(http://deafreview.com/static/images/location_ping.png) no-repeat;
width: 15px;
height: 25px;
float: left;
}

p.like {
float: right;
font-size: 10px;
margin-bottom: 0;
padding-left: 17px;
background: url(http://deafreview.com/static/images/thumb_up.png) no-repeat;
height: 12px;
}

p.flag {
float: right;
font-size: 10px;
margin: 0 10px 0 0;
padding-left: 17px;
background: url(http://deafreview.com/static/images/flag_review.png) no-repeat;
height: 16px;
}

div.features3 {
margin: 0px;
}

.features3 ul, .features2 ul {
margin: 0;
padding: 0;
width: 100%;
list-style: none;
}

.features3 ul li {
float: left;
margin-left: 0;
margin-right: 3px;
font-size: inherit;
color: #424242;
padding: 2px 4px;
margin-bottom: 5px;
}

div.businesses_list {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #cbcbcb;
}

.stButton .stButton_gradient {
height: 24px !important;
}

.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices {
height: 24px !important;
}

.mainstars {
font-size: 1.6em;
text-align: center;
}

.mainstars div.star {
width: auto !important;
text-align: center;
display: inline;
vertical-align: text-bottom;
}

.mainstars .star img {
width: 24px;
height: 24px;
}

.media-object .star {
width: auto !important;
text-align: center;
margin: 0 0 5px;
}

.media-object .star img {
width: 24px;
height: 24px;
}

.searchbox .star {
width: auto !important;
text-align: center;
margin: 0 0 5px;
}

.searchbox .star img {
width: 24px;
height: 24px;
}

.review_number_sm div.star {
width: auto !important;
display: inline;
vertical-align: text-bottom;
}

/* Added by Bobby & fixed by Lee ;-) */

a.googlelogin {
  width: 27px;
  height: 27px;
  display: block;
  float: left;
  background: url(../img/google-plus.png) 0 0;
  margin-right: 20px;
}

a.facebook {
  width: 27px;
  height: 27px;
  display: block;
  float: left;
  background: url(../img/facebook.png) 0 0;
  margin-right: 20px;
}

a.twitter {
  width: 27px;
  height: 27px;
  display: block;
  float: left;
  background: url(../img/twitter.png) 0 0;
}

a.facebook:hover, a.twitter:hover, a.googlelogin:hover {
  background-position: 0 -25px;
}

/* img-left and img-right are now belong to bootstrap */

.img_right {
  float: right !important;
}
.img_left {
  float: left !important;
}

/* Format Write Review */

.writereview legend {
margin-bottom: 10px;
}

.writereview .star-rate-this {
margin-bottom: 20px;
}

.writereview .controls {
margin-left: 30px;
}

.form-group {
margin-left: 0px !important;
margin-right: 0px !important;
}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
  width: auto !important;
  height: auto !important;
}

.whitebox_full img {
  max-width: 100%;
  height: auto;
}

.bottom-trio {
  margin-top: 1.5em;
}