/*
Theme Name: UsenetReviewz.com
Theme URI: https://usenetreviewz.com
Author: UsenetReviewz
Author URI: https://usenetreviewz.com
Description: The 2018 them for usenetreviewz.com. A flexible layout that looks great on any device, big or small.
Version: 1.0
License: MIT
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: translation-ready
Text Domain: urz

This theme, like WordPress, is licensed under the MIT License. Look it up.
*/
body {
    background-color: rgb(231, 231, 231);
    font-family: 'Nunito', sans-serif;
}

.container {
    max-width: 1000px;
}

span.rank {
    background: #BFBFBE;
    border-radius: 0.8em;
    color: #FFF;
    display: inline-block;
    font-weight: bold;
    line-height: 1.4em;
    margin-right: 5px;
    text-align: center;
    width: 1.4em;
}

.grid_small_image_container img {
    display: block;
    width: 100% !important;
    height: auto;
    -webkit-filter: brightness(95%);
    filter: brightness(95%);
}

.latest-news-box {
    min-height: 160px;
    position: relative;
    border-radius: 5px;
    vertical-align: top;
    overflow: hidden;
    margin: 0 3px 10px;
    padding-bottom: 10px;
}

.grid_post_title {
    display: block;
    line-height: 1em;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    text-align: center;
    color: rgba(0,0,0);
}

.grid_small_image_container {
    display: block;
    height: 105px;
    overflow: hidden;
    margin-bottom: 10px;
}

.grid_row_underline_1, .grid_row_underline_2, .grid_row_underline_3, .grid_row_underline_4, .grid_row_underline_5 {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
}

.grid_row_underline_1 {
    background-color: #1F2B39;
}

.grid_post:hover, .home-page-large-row:hover, .home-page-large-video:hover, .home-page-small-video-container:hover, .reviews_cards:hover, .reviews_cards_container:hover, .latest-news-box:hover, .comparisons_posts:hover, .most-popular-first-row:hover, .most-popular-last-small-row:hover, .most-popular-second-row:hover, .most-popular-third-row:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

.grid_post_text {
    display: block;
    line-height: 133%;
    margin: 6px 5px 10px 5px;
    font-size: 0.8em;
    text-align: left;
    color: rgba(0,0,0);
}

.tallerz {
    min-height: 250px;
}

section {
    padding: 20px 0;
}

#footer {
    background: lightslategrey !important;
}

#footer h5 {
    padding-left: 10px;
    border-left: 3px solid #EEEEEE;
    padding-bottom: 6px;
    margin-bottom: 20px;
    color: #FFFFFF;
}

#footer a {
    color: #FFFFFF;
    text-decoration: none !important;
    /*background-color: transparent;*/
}

#footer ul.social li {
    padding: 3px 0;
}

#footer ul.social li a i {
    margin-right: 5px;
    font-size: 25px;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: 0.5s all ease;
}

#footer ul.social li:hover a i {
    font-size: 30px;
    margin-top: -10px;
}

#footer ul.social li a, #footer ul.quick-links li a {
    color: #FFFFFF;
}

#footer ul.social li a:hover {
    color: #EEEEEE;
}

#footer ul.quick-links li {
    padding: 3px 0;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: 0.5s all ease;
}

#footer ul.quick-links li:hover {
    padding: 3px 0;
    margin-left: 5px;
    font-weight: 700;
}

#footer ul.quick-links li a i {
    margin-right: 5px;
}

#footer ul.quick-links li:hover a i {
    font-weight: 700;
}

@media (max-width: 767px) {
    #footer h5 {
        padding-left: 0;
        border-left: transparent;
        padding-bottom: 0px;
        margin-bottom: 10px;
    }
}

.wireframemenu {
    border: 1px solid #C0C0C0;
    background-color: white;
    list-style: none;
    padding-left: 0;
}

.wireframemenu a {
    font-size: 0.9em;
    padding: 4px 3px;
    display: block;
    width: 100%;
    color: #595959;
    text-decoration: none;
    border-bottom: 1px solid #C0C0C0;
}

@media (min-width: 768px) {
    .providerbar {
        max-width: 225px;
    }
}

img.alignright {
    float: right;
    margin: 0 0 1em 1em;
}

img.alignleft {
    float: left;
    margin: 0 1em 1em 0;
}

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

a img.alignright {
    float: right;
    margin: 0 0 1em 1em;
}

a img.alignleft {
    float: left;
    margin: 0 1em 1em 0;
}

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

.size-large {
    max-width: 100%;
}

.size-full {
    max-width: 100%;
}

ul.pros li:before {
    content: "\f00c";
    color: #54A054;
    font-size: 1.9em;
    padding-right: 0.4em;
    font-family: FontAwesome;
}

ul.cons li:before {
    content: "\f00d";
    color: #D13838;
    font-size: 1.9rem;
    padding-right: 0.4em;
    font-family: FontAwesome;
}

ul.pros, ul.cons {
    line-height: 1.7em;
}

.best a:link {
    color: black;
}

/* visited link */
.best a:visited {
    color: black;
}

.best a:hover {
    color: black;
    text-decoration: none;
}

.resize td, .resize th {
    padding: 0.75rem;
}

@media screen and (max-width: 767px) {
    .resize thead {
        display: none;
    }
    
    .resize tr {
        display: block;
        position: relative;
        padding: 1.2em 0;
    }
    
    .resize tr:first-of-type {
        border-top: 1px solid #CCC;
    }
    
    .resize td {
        display: table-row;
    }
    
    .resize td:before {
        content: attr(data-label);
        display: table-cell;
        font-weight: bold;
        padding: 0.2em 0.6em 0.2em 0;
        text-align: right;
    }
    
    .resize td:last-child:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        border-bottom: 1px solid #CCC;
    }
}

.resize thead th, .resize thead td {
    text-align: center;
}

.resize tbody th, .resize tbody td {
    text-align: center;
}

.resize th {
    border-bottom: 2px solid #DEE2E6;
}

.box {
    max-width: 500px;
    display: inline-block;
    border: 1px solid red;
    vertical-align: top;
    line-height: 1.225;
}

#reviewz {
    visibility: hidden;
    display: none;
}

.standout {
    border: 3px dashed indianred;
    background: lightgrey;
}

.standout h3 {
    text-align: center;
}

.container .row .col-md-8 img {
    max-width: 100%;
    padding: 0;
    display: block;
    margin: 0 auto;
}

.gauge {
    width: 100% !important;
    height: auto !important;
}
@media only screen and (max-width: 768px) {
	
	/* Force table to not be like tables anymore */
	#membership table, 
	#membership thead, 
	#membership tbody, 
	#membership th, 
	#membership td, 
	#membership tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#membership thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#membership tr { border: 5px solid grey; }
 
	#membership td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#membership td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#membership td:before { content: attr(data-title); }
}