/*
Theme Name: Flat Bootstrap Child
Theme URI: http://google.com/
Description: Customized Child theme for Flat Bootstrap. It is a modern, fully responsive theme with a nice color palette. It automatically adapts for desktops, tablets, and phones. It is based on the Twitter Bootstrap CSS framework.
Author: M D
Author URI: http://google.com/
Template: flat-bootstrap
Version: 1.0
License: GNU General Public License
License URI: http://www.opensource.org/licenses/GPL-3.0
Tags: responsive-layout, full-width-template
*/


/* Include the parent theme's stylesheet(s). Then anything you change below that will
 * override those styles. If you'd rather start from scratch, you can comment out this
 * next line.
 */
@import url("../flat-bootstrap/style.css");


/* Custom Styles */
body {
   background-color: #fff;
}

p {
   line-height: 1.6;
}

header.content-header {
   min-height: 50px;
   padding-bottom: 15px;
   padding-top: 5px;
}

.site-branding {
   background: linear-gradient(to bottom, #1abc9c 0%, #C1F7EC 100%);
}

.navbar {
   background: linear-gradient(to bottom, #C1F7EC 0%, #DCFAF3 100%);
}

.navbar-default
.navbar-nav > li > a {
   font-weight: 500;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
   color: #1abc9c;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
   background-color: #1abc9c;
   color: #fff;
   outline: 0 none;
   text-decoration: none;
}

.affix {
   top: 0;
}

.affix + .container {
   padding-top: 50px;
}

.site-logo {
   display: inline-block;
   background: url(images/gh-logo.jpg) no-repeat;
   margin-top: 15px;
   width: 210px;
   height: 75px;
}

.site-description {
   display: inline-block;
   font-style: italic;
   font-weight: 500;
   color: #a41e5d;
   margin-left: 20px;
   vertical-align: bottom;
}

#whr-menu > .nav {
   background-color: #34495e;
}

.sidebar-footer {
   padding-top: 20px;
}

.sidebar-footer aside.widget {
    margin-bottom: 20px;
    font-size: 0.85em;
}
.rank-wrap {
   box-shadow: 2px 2px 4px #ccc,-2px -2px 4px #ccc;
   margin-bottom: 15px;
   padding-top: 15px;
   padding-bottom: 5px;
   overflow: hidden;
}

.rank-elem {
   border-left: 1px solid #ccc;
   text-align: center;
   height: 150px;
}

.big-pink {
   color: #a41e5d;
   font-size: 26px;
   font-weight: 500;
   line-height: 1.4;
}

.rank-elem-name {
   font-weight: 400;
   font-size: 0.9em;
   line-height: 1.0;
}

.feature-box-wrap {
   margin-top: 20px;
   text-align: center;   
   overflow: hidden;
}

.feature-box {
   border: 1px solid #ccc;
   background-color: #ececec;
   padding: 10px 2px 1px;
   text-align: center;
}

.feature-name {
   color: #1abc9c;
   font-size: 14px;
   font-weight: 500;
   margin-left: 5px;
}

.feature {
   color: #34495e;
   font-weight: 500;
   font-size: 0.9em;
}

a.features-toggle.collapsed:before
{
   content: '+' ;
   display: block;
   width: 10px;
}

a.features-toggle:before
{
   content: '-' ;
   display: block;
   width: 10px;
}

span.greenstars, span.greenstars span {
   display: block;
   background: url(images/green-stars.png) 0 -16px repeat-x;
   width: 80px;
   height: 16px;
}

span.greenstars span {
   background-position: 0 0;
}

.rating {
   padding-left: 40px;
   padding-top: 5px; 
}

.btn-blue-affiliate {
   background: linear-gradient(to bottom, #577CA1 0%, #34495E 100%);
   border-color: #34495e;
   color: #fff;
}

.btn-wide-affiliate {
   padding: 15px 35px 15px 35px;
}

.row-eq-height {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
}

.aqua-green {
   color: #1abc9c;
}

.pink {
   color: #a41e5d;
}

.lightgrey-bk {
   background-color: #eaebec;
}

.tiny-text {
   font-size: 0.8em;
}

.little-text {
   font-size: 0.9em;
}

.small-text {
   font-size: 0.95em;
}

.tiny-text {
   font-size: 0.8em;
}

.little-text {
   font-size: 0.9em;
}

.big-text {
   font-size: 1.1em;
}

.bold {
   font-weight: 500;
}

.cust-rating-box {
   border: 1px solid #ccc;
   border-radius: 25px;
   padding: 20px;
}

.crf-padding-bottom {
   padding-bottom: 10px;
}

.cust-rating-field {
   width: 25%;
   float: left;
   text-align: left;
   padding-top: 10px;
   padding-bottom: 10px;
}

.cust-rating-value {
   width: 75%;
   float: left;
   text-align: left;
   padding-top: 10px;
   padding-bottom: 10px;
}

.whr-box {
   box-shadow: 3px 3px 5px #ccc,-3px -3px 5px #ccc;
   margin-bottom: 15px;
   padding-top: 10px;
   padding-bottom: 5px;
   margin-bottom: 30px;
   overflow: hidden;
}

.whr-box hr {
   margin: 0.5em 0;
}

.whr-box-col1 {
   width: 45%;
   float: left;
   text-align: center;
   vertical-align: middle;
   padding: 2px 10px 0px;
}

.whr-box-col2 {
   width: 45%;
   float: left;
   text-align: left;
   padding-top: 8px;
}

.whr-box-col3 {
   width: 10%;
   float: left;
   text-align: left;
   padding: 10px 10px 0px;
}

.editor-rating {
   display: inline-block;
   padding-left: 10px;
}

.large-pink {
   color: #a41e5d;
   font-size: 36px;
   font-weight: 500;
   line-height: 1.1;
}

.whr-box-col4 {
   width: 45%;
   float: left;
   text-align: center;
   padding: 10px;
}

.whr-box-col5 {
   width: 55%;
   float: left;
   text-align: left;
   padding: 10px;
}

.whr-box-col4 .padding-bottom {
    padding-bottom: 10px;
}

.whr-rating-label {
   font-weight: 400;
   font-size: 0.9em;
   line-height: 1.0;
   display: inline-block;
}

.whr-small-bold {
   font-weight: 500;
   font-size: 0.9em;
}

.whr-tiny-bold {
   font-weight: 500;
   font-size: 0.8em;
   line-height: 1.0;
}

.whrp-plan {
   width: 15%;
   text-align: left;
}

.whrp-diskspace {
   width: 10%;
   text-align: center;
}

.whrp-bandwidth {
   width: 10%;
   text-align: center;
}

.whrp-websites {
   width: 10%;
   text-align: center;
}

.whrp-email {
   width: 10%;
   text-align: center;
}

.whrp-features {
   width: 30%;
   text-align: center;
}

.whrp-price {
   width: 15%;
   text-align: center;
}

.whrp-memory {
   width: 10%;
   text-align: center;
}

.whrp-hpreseller-plan {
   width: 15%;
   text-align: left;
}

.whrp-hpreseller-diskspace {
   width: 10%;
   text-align: center;
}

.whrp-hpreseller-bandwidth {
   width: 10%;
   text-align: center;
}

.whrp-hpreseller-features {
   width: 50%;
   text-align: center;
}

.whrp-hpreseller-price {
   width: 15%;
   text-align: center;
}

.whrp-gdwp-features {
   width: 40%;
   text-align: center;
}

.whrp-features-ext {
   width: 40%;
   text-align: center;
}

.whr-custrev {
   box-shadow: -1px -1px 3px #ccc, 1px 1px 3px #ccc;
   margin-top: 25px;
   overflow: hidden;
}

.whr-custrev-sec1 {
   border-bottom: 1px solid #ccc;
   padding: 10px 10px 5px;
}

.whr-custrev-sec2 {
   border-right: 1px solid #ccc;
   width: 30%;
   float: left;
   text-align: left;
   padding: 10px 5px 5px;
}

.whr-custrev-sec3 {
   border-left: 1px solid #ccc;
   width: 70%;
   float: left;
   text-align: left;
   padding: 10px 5px 5px 10px;
}

.overall-rating {
   padding-left: 10px;
   padding-bottom: 15px;
}

.recommend-host {
   display: inline-block;
   font-size: 1em;
   color: #1abc9c;
   margin-left: 10px;
}

.whr-custrev  dt, dd {
   display: inline-block;
   line-height: 1em;
}

.whr-custrev  dt {
   width: 50%;
   padding-left: 10px;
}

.italic {
   font-style: italic;
}

.overall-rating5 {
   display: inline-block;
   background: url(images/rating5.png) no-repeat;
   width: 71px;
   height: 12px;
   margin-left: 20px;
}

.overall-rating4 {
   display: inline-block;
   background: url(images/rating4.png) no-repeat;
   width: 71px;
   height: 12px;
   margin-left: 20px;
}

.overall-rating3 {
   display: inline-block;
   background: url(images/rating3.png) no-repeat;
   width: 71px;
   height: 12px;
   margin-left: 20px;
}

.overall-rating2 {
   display: inline-block;
   background: url(images/rating2.png) no-repeat;
   width: 71px;
   height: 12px;
   margin-left: 20px;
}

.overall-rating1 {
   display: inline-block;
   background: url(images/rating1.png) no-repeat;
   width: 71px;
   height: 12px;
   margin-left: 20px;
}

.overall-rating0 {
   display: inline-block;
   background: url(images/rating0.png) no-repeat;
   width: 71px;
   height: 12px;
   margin-left: 20px;
}

.rating5-small {
   display: inline-block;
   background: url(images/rating5-small.png) no-repeat;
   width: 57px;
   height: 10px;
   margin-left: 25px;
}

.rating4-small {
   display: inline-block;
   background: url(images/rating4-small.png) no-repeat;
   width: 57px;
   height: 10px;
   margin-left: 25px;
}

.rating3-small {
   display: inline-block;
   background: url(images/rating3-small.png) no-repeat;
   width: 57px;
   height: 10px;
   margin-left: 25px;
}

.rating2-small {
   display: inline-block;
   background: url(images/rating2-small.png) no-repeat;
   width: 57px;
   height: 10px;
   margin-left: 25px;
}

.rating1-small {
   display: inline-block;
   background: url(images/rating1-small.png) no-repeat;
   width: 57px;
   height: 10px;
   margin-left: 25px;
}

.rating0-small {
   display: inline-block;
   background: url(images/rating0-small.png) no-repeat;
   width: 57px;
   height: 10px;
   margin-left: 25px;
}

.whr-custrev  .review {
   font-size: .95em;
}

.whr-coupon {
   box-shadow: 3px 3px 5px #ccc,-3px -3px 5px #ccc;
   margin: 30px;
   padding: 20px;
   overflow: hidden;
}

.whr-h2 {
   margin-top: 35px;
   color: #1abc9c;
}

.whr-h2-blue {
   margin-top: 35px;
   color: #34495e;
}

.whr-h3 {
   margin-top: 35px;
   color: #1abc9c;
}

.whr-h4 {
   margin-top: 25px;
   color: #1abc9c;
}

.whr-h4-gray {
   margin-top: 35px;
}

.whr-h5 {
   margin-top: 25px;
   color: #1abc9c;
}

.whr-li-top {
   margin-top: 15px;
}

.whr-margin-bottom25 {
   margin-bottom: 25px;
}

.whr-img {
   margin-top: 35px;
   margin-bottom: 35px;
}

.whr-features {
   box-shadow: 3px 3px 5px #ccc,-3px -3px 5px #ccc;
   margin-top: 25px;
   overflow: hidden;
}

.whr-features-cat {
   color: #1abc9c;
   padding: 30px 20px 0;
   clear: both;
}

.whr-features-list {
   display: inline-block;
   float: left;
   width: 50%;
   overflow: hidden;
}

ul.bullets {
   list-style: square inside;
   vertical-align: top;
   text-align: left;
   padding-left: 20px;
}

ul.bullets li {
   list-style: square inside;
   padding-top: 8px;
}

ul.bullets-square {
   list-style: square inside;
   vertical-align: top;
   text-align: left;
   padding-left: 0px;
}

ul.bullets-square li {
   list-style: square inside;
   padding-left: 5px;
}

img.centered {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.whr-tweetrev-box {
   background-color: #e6e6e6;
   margin-top: 10px;
   padding-left: 10px;
   overflow: hidden;
   clear: both;
}

.whr-tweetrev {
   display: inline-block;
   float: left;
   width: 80%;
   overflow: hidden;
}

.whr-tweetrev-sentiment {
   display: inline-block;
   float: left;
   width: 20%;
   padding-top: 30px;
   text-align: center;
   font-size: 30px;
   overflow: hidden;
}

.whr-side-box {
   box-shadow: 3px 3px 5px #ccc,-3px -3px 5px #ccc;
   padding: 20px;
   margin: 40px 0px;
}


blockquote.twitter-tweet {
  display: inline-block;
  padding: 16px;
  margin: 10px 0;
  max-width: 668px;
  border: #ddd 1px solid;
  border-top-color: #eee;
  border-bottom-color: #bbb;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.15);
  /*font: bold 14px/18px Helvetica, Arial, sans-serif;
  color: #000;*/
  font-family: "Lato", "Helvetica Neue", Arial, sans-serif;
  color: #555;
}
 
blockquote.twitter-tweet p {
  /*font: normal 18px/24px Georgia, "Times New Roman", Palatino, serif;*/
  font-family: "Lato", "Helvetica Neue", Arial, sans-serif;
  color: #555;
  margin: 0 5px 10px 0;
}
 
blockquote.twitter-tweet a[href^="https://twitter.com"] {
  font-weight: normal;
  color: #666;
  font-size: 12px;
}

.border-left {
   border-left: 2px solid #ccc;
}

.border-right {
   border-right: 2px solid #ccc;
}

.no-padding {
   padding: 0px;
}

.search-tool-wrap {
   box-shadow: 2px 2px 4px #ccc,-2px -2px 4px #ccc;
   margin-bottom: 15px;
   padding-left: 15px;
   overflow: hidden;
}

.search-tool-label {
   font-size: 0.9em;
   font-weight: 400;
   line-height: 1;
   text-align: center;
   padding-top: 10px;
}

.search-tool-slider {
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   margin-top: 15px;
}

.search-tool-value {
   font-size: 0.9em;
   font-weight: 400;
   line-height: 1;
   border: 0;
   color: #1abc9c;
   margin-top: 15px;
}

.search-tool-button {
   float: none;
   display: table-cell;
   vertical-align: middle;
}

.adv-search-option {
   font-size: 0.9em;
   font-weight: 400;
   line-height: 1;
   padding-left: 20px;
}

.adv-search-list {
   padding-left: 20px;
   padding-top: 10px;
}

#whr-cat-menu > .nav {
   background-color: #34495e;
}

.search-tool2-wrap {
   box-shadow: 1px 1px 2px #ccc,-1px -1px 2px #ccc;
   padding: 15px;
   overflow: hidden;
}

.search-tool2-label {
   font-size: 0.8em;
   font-weight: 400;
   line-height: 1;
   text-align: left;
   float: left;
   padding-right: 10px;
   padding-bottom: 15px;
   width: 45%;
}

.search-tool2-value {
   font-size: 0.8em;
   font-weight: 400;
   line-height: 1;
   border: 0;
   color: #1abc9c;
   float: left;
   width: 55%;
   text-align: right;
}

.search-tool2-slider {
   text-align: center;
   margin: 30px auto;
   clear: both;
}

.search-results-wrap {
   box-shadow: 1px 1px 2px #ccc,-1px -1px 2px #ccc;
   overflow: hidden;
   margin-top: 10px;
   padding-top: 10px;
   text-align: center;
   font-size: 0.8em;
   font-weight: 500;
   vertical-align: middle;
}

.search-results-head {
   border: 1px;
   overflow: hidden;
   color: #a41e5d;
   background-color: #eaebec;
   font-size: 0.8em;
   font-weight: 500;
   text-align: center;
}

.left-align {
   text-align: left;
}

.right-align {
   text-align: right;
}

.search-results-price {
   color: #a41e5d;
   font-size: 1.2em;
   font-weight: 500;
}