/*
Theme Name: WHComapare Theme
Theme URI: https://whcompare.com/
Author: WHCompare.com
Author URI: https://whcompare.com/
Description: The web design for whcompare.com.
Version: 1
License: Copyright owned by WHCompare.com
License URI:
Tags: 
Text Domain: illuminated-disk
*/
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans Regular'), local('OpenSans-Regular'),
		url('fonts/open-sans-v17-latin-regular.woff2') format('woff2'),
		url('fonts/open-sans-v17-latin-regular.woff') format('woff');
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: local('Open Sans Bold'), local('OpenSans-Bold'),
		url('fonts/open-sans-v17-latin-700.woff2') format('woff2'),
		url('fonts/open-sans-v17-latin-700.woff') format('woff');
}

body {
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	line-height: 1.4;
	background: url(https://whcompare.com/wp-content/uploads/server-racks.png) repeat #e6eff7;
	color: #000;
	text-align: center;
	margin: 0;
	cursor: default;
	line-height: 1.6;
}

/* Wrappers */
#first-wrap {
	margin: 0 auto;
	width: 1333px;
	max-width: 90%;
}

header#site-header {
	margin-top: 20px;
	margin-bottom: 10px;
	float: left;
	width: 100%;
}

#second-wrap {
	text-align: left;
	border-radius: 10px;
	max-width: 1100px;
	margin: 0 auto;
}

#third-wrap {
	margin: 0;
	margin-bottom: 30px;
	border-radius: 5px;
	width: 100%;
	float: left;
}

#site-wrap {
	float: left;
	width: calc(100% - 40px);
	margin: 20px;
}

#content-wrap,
#content {
	float: left;
	width: 850px;
	max-width: 100%;
	width: calc(100% - 204px);
}

/* Headers */

#site-header .logo {
	width: 520px;
	max-width: 90%;
	height: auto;
}

header#site-header h1,
#site-header h2 {
	float: left;
}

header#site-header h1 {
	margin: 0;
	text-align: center;
	width: 100%;
}

header#site-header h1 a {
	text-decoration: none;
	font-size: 45px;
	color: #000;
	font-weight: 300;
}

header#site-header h2 {
	color: #000;
	margin: 25px 0 0 25px;
	font-weight: 300;
	display: none;
}

#second-wrap header {
	color: #000;
	text-shadow: none;
}

/* Navigation */
#main-menu {
	float: left;
	width: 100%;
	padding: 0px 20px;
	position: relative;
}

#main-menu ul {
	list-style-type: none;
}

#main-menu ul li a {
	float: left;
	margin-right: 10px;
	margin-bottom: -8px;
	font-size: 16px;
	text-decoration: none;
	padding: 15px 10px;
	background: rgba(0, 0, 0, 0.21);
	text-shadow: 1px 1px 1px black;
}

.toggle-header-menu {
	background: #f1f1f1;
	border: 2px solid #ccc;
	padding: 10px;
	border-radius: 10px;
	color: #333;
	font-weight: bold;
	cursor: pointer;
	display: none;
}

#header-menu {
	float: right;
	margin-top: 10px;
}

#header-menu ul {
	list-style-type: none;
}

#header-menu ul li {
	float: right;
	margin-left: 20px;
}

#header-menu ul li a {
	padding: 8px 17px;
	border-radius: 7px;
	background: rgb(255, 255, 255);
	text-decoration: none;
	box-shadow: 0 0 3px white, 0 0 10px white;
	color: black;
	text-shadow: none;
}

#header-menu ul li a:hover {
	box-shadow: 0 0 3px white, 0 0 5px white, 0 0 3px white, 0 0 10px white, 0 0 20px white;
	position: relative;
}

#main-menu ul li a:hover,
#header-menu ul li a:hover {
	text-decoration: underline;
}

#over-content-menu {
	float: left;
	width: 79%;
	max-width: calc(100% - 265px);
}

#over-content-menu ul {
	margin: 0;
}

#over-content-menu ul li {
	list-style-type: none;
}

#over-content-menu ul li a {
	color: black;
}

/* General */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Open Sans", sans-serif;
}

a,
.toggle {
	text-decoration: none;
	transition: color 0.5s;
	color: #000;
}

a:hover,
.toggle:hover,
.search-form .search-submit:hover {
	color: #2784d9;
	text-decoration: none;
}

/* Content */
h1.page-title {
	margin: 0;
	font-weight: 400;
	font-family: "Open Sans", sans-serif;
	font-size: 2em;
	line-height: 1.3em;
}

h2.filter-settings {
	margin: 10px 0 0px 0;
	font-size: 20px;
	font-weight: normal;
	text-align: left;
}

.filter-settings span {
	border-left: 19px dotted #6297de;
	padding-left: 5px;
	font-size: 13px;
	display: block;
	padding-top: -2px;
	border-bottom: 4px solid #ffffff;
}

a.plan-name-link {
	border-bottom: 2px solid #c2d7f9;
	color: #2784d9;
}

a.plan-name-link:hover,
a.c2a-link-bot:hover,
.c2a-link-mid:hover,
.toggle.show-details:hover {
	color: #000;
	text-decoration: none;
}

.filter {
	text-align: center;
}

.filter.hostcompare {
	display: none;
}

¨ .filter p {
	margin: 5px 0;
}

.searchandfilter {
	float: left;
	width: 100%;
	text-align: center;
}

.searchandfilter ul {
	margin: 0;
	padding: 0;
	background: white;
	padding: 5px;
	border-radius: 5px;
	box-shadow: 1px 1px 10px #c2d7f9;
}

.searchandfilter li {
	padding-right: 5px;
}

.searchandfilter select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 3px;
	font-size: 14px;
	border-radius: 3px;
	border: 0px solid #c2d7f9;
	background: url(images/arrow.svg) no-repeat 2px 5px white;
	cursor: pointer;
	padding-left: 17px;
	/* padding-right: 20px; */
	background-size: 12px;
	width: 110px;
}

.searchandfilter input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 3px 10px;
	font-size: 14px;
	border-radius: 3px;
	background: #2784d9;
	border: 2px solid #2784d9;
	color: white;
	font-weight: bold;
	font-style: italic;
	cursor: pointer;
	text-shadow: 1px 1px 0 #0a5ca7, 0 0 2px #0a5ca7;
}

.searchandfilter select:focus,
.search-field:focus,
.widget .search-form .search-submit:focus {
	outline: none;
}

.widget_search .search-field {
	padding: 4px;
	width: 500px;
	max-width: calc(100% - 100px);
	margin-right: 2px;
	font-weight: normal;
	font-family: "Open Sans", sans-serif;
}

.widget_search .search-field::placeholder {
	color: black;
}

header .search-form {
	margin-bottom: 10px;
}

header .search-form .search-submit {
	margin: -35px 45px 0 0;
}

.plan-header {
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
}

.hosting-detail {
	margin: 0 5px 0 0;
	display: inline;
}

.hosting-detail.price,
.hosting-detail.price a {
	font-weight: normal;
}

.hosting-detail .duration {
	font-size: 80%;
}

.hosting-detail.the-content {
	margin-top: 10px;
	display: block;
	margin: 5px 0 0 0;
}

.the-content .text {
	display: none;
	margin-top: 15px;
	float: left;
}

.single .the-content .text {
	margin-top: 5px;
}

.the-content a,
.vs-links a,
.page .content a,
article a {
	text-decoration: none;
	border-bottom: 2px solid #2784d9;
}

.front-page-links {
	float: left;
	width: 100%;
	margin: 10px 0;
}

.front-page-links a,
#menu-sidebar-menu a {
	float: left;
	padding: 10px;
	margin: 10px;
	border-radius: 5px;
	background: white;
	box-shadow: 1px 1px 10px #c2d7f9;
	text-decoration: none !important;
}

.desktop-fpp img {
	float: left;
	margin: 15px -40px 0 0;
}

.mobile-fpp {
	display: none;
}

.taxonomy-page-links div {
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
}

#menu-sidebar-menu a {
	margin: 10px 0;
}

#menu-sidebar-menu a:first-of-type {
	margin-top: 0;
}

#the-sidebar .widget {
	margin-bottom: 15px;
	float: left;
	width: 100%;
}

.extras.hosting-detail {
	float: none;
}

.hidden-extras {
	display: none;
}

blockquote {
	background: #f5f5f5;
	padding: 10px 20px;
	border-radius: 10px;
	border: 2px solid #e2e2e2;
}

.toggle {
	cursor: pointer;
}

.toggle-buttons {
	float: left;
	width: 100%;
	margin-top: 5px;
}

#catapult-cookie-bar {
	padding: 5px;
}

.ctcc-right-side {
	width: 100%;
	float: left;
	margin: 10px 0;
}

button#catapultCookie {
	background: #ffffff;
	color: #0a0a0a;
	border: 0;
	padding: 10px 20px !important;
	border-radius: 3px;
	clear: both;
	float: none;
	cursor: pointer;
}

.summary h2 {
	font-weight: 100;
	color: #1d6fba;
	font-size: 22px;
	border-bottom: 2px dotted #ccc;
	margin-top: 30px;
}

.summary h2:first-of-type {
	margin-top: 0;
}

.compare-offers {
	float: left;
	width: 100%;
	text-align: center;
	margin: 0 0 20px 0;
}

.compare-offers span {
	padding: 10px;
	box-shadow: 1px 1px 10px #c2d7f9;
	border-radius: 5px;
	background: white;
}

.the-content a.c2a-link-mid,
.the-content a.c2a-link-bot {
	box-shadow: 0px 4px 0px 0px #B50000;
	background-color: #FF5151;
	border: 1px solid #FF5757;
	border-radius: 5px;
	cursor: pointer;
	color: #ffffff !important;
	text-decoration: none !important;
	text-shadow: 1px 1px 4px #E20303;
	font-size: 14px;
	float: left;
	text-align: center;
	padding: 5px 20px;
	font-weight: bold;
	width: auto;
}

a.c2a-link-mid:hover,
a.c2a-link-bot:hover {
	box-shadow: 0px 2px 0px 0px #B50000;
	margin-top: 2px;
	margin-bottom: -2px;
}

.the-content a.c2a-link-bot {
	padding: 5px 0;
	width: 100%;
}

.toggle.show-details,
.comment-toggle,
.page article.post .comment-toggle,
.blog-post .read-more {
	box-shadow: 0px 4px 0px 0px #0a5ca7;
	background-color: #2784d9;
	border: 1px solid #2784d9;
	border-radius: 5px;
	cursor: pointer;
	color: #ffffff !important;
	text-decoration: none !important;
	text-shadow: 1px 1px 4px #00519b;
	font-size: 14px;
	float: right;
	text-align: center;
	margin: 0px;
	padding: 5px 20px;
	font-weight: bold;
	width: auto;
}

.toggle.show-details:hover,
.comment-toggle:hover,
.page article.post .comment-toggle:hover,
.blog-post .read-more:hover {
	box-shadow: 0px 2px 0px 0px #0a5ca7;
	margin-top: 2px;
	margin-bottom: -2px;
}

.blog-post .read-more {
	float: left;
}

.blog-post .read-more:hover {
	margin-bottom: -2px;
}

.page .comment-toggle {
	margin: 20px auto;
	float: left;
	border-radius: 10px;
	margin-right: -17px !important;
	border: 2px solid #e2e2e2;
}

.archive .term-desc {
	margin-top: -31px;
	float: left;
	text-align: left;
	width: 100%;
	display: none;
}

.no-margin-left {
	margin-left: 0px;
}

.i-logo {
	float: left;
	margin-top: 33px;
	margin-left: 23px;
	background: url(/wp-content/uploads/2018/01/info-bubble.png) no-repeat;
	height: 32px;
	width: 32px;
}

.visit-link {
	font-weight: bold;
}

.host-favicon {
	width: 16px;
	height: 16px;
	float: left;
	margin: 5px 5px 0 0;
}

.gallery-size-thumbnail {
	margin-bottom: 30px !important;
	float: left;
	width: 100%;
}

.gallery-size-thumbnail .gallery-item {
	height: 150px;
	margin-bottom: 30px;
}

.gallery-size-thumbnail .gallery-item img {
	width: 100%;
	height: 150px;
}

.wp-post-image {
	width: 150px;
	height: 150px;
}

.pagination {
	text-align: left;
	margin: 10px 0;
}

.pagination span,
.pagination a {
	padding: 5px 10px;
	margin: 0 4px;
	float: left;
	border-radius: 5px;
	box-shadow: 1px 1px 10px #c2d7f9;
	font-weight: bold;
}

.pagination a {
	text-decoration: underline;
}

.company.hosting-detail {
	float: right;
}

.date.hosting-detail {
	float: left;
}

.hosting-detail .or {
	font-weight: bold;
}

.post-edit-link {
	float: right;
	background: white;
	border: 1px solid #ccc !important;
	padding: 5px 10px;
	border-radius: 20px;
}

.notification {
	margin: 5px 0;
	float: left;
	font-size: 13px;
	background: #f5f5f5;
	padding: 10px;
	border-radius: 25px;
	border: 1px solid #e2e2e2;
	width: 100%;
	width: calc(100% - 20px);
	text-align: center;
}

.comment-toggle {
	float: right;
	text-decoration: none !important;
}

.disqus-thread {
	margin-top: 10px;
	float: left;
	width: 100%;
}

#archive-header {
	text-align: center;
}

.search-form label {
	display: none;
}

.search-form .search-field {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	padding: 15px;
	border-radius: 5px;
	border: 0;
	box-shadow: 1px 1px 10px #c2d7f9;
}

.search-form .search-submit {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 5px 10px;
	border-radius: 5px;
	border: 0;
	box-shadow: 1px 1px 10px #c2d7f9;
	background: white;
	margin: -58px 8px 0 0;
	cursor: pointer;
	color: black;
	font-style: normal;
	float: right;
	position: relative;
	z-index: 2;
	transition: color 0.5s;
	font-weight: normal;
}

#search-3 {
	margin: 0 auto;
	max-width: 100%;
	margin-left: -3px;
	margin-top: -27px;
}

.widget .search-form .search-submit {
	margin: 0px 0 0 -75px;
	float: none;
}

.searchandfilter select.in-use {
	background: url(images/arrow.svg) no-repeat 2px #e6eff7;
	background-size: 12px;
	color: black;
}

.searchandfilter select.in-use option {
	color: black;
	text-shadow: none;
}

.social-share {
	position: fixed;
	top: 216px;
	margin-left: -109px;
	width: 64px;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 1px 1px 10px #c2d7f9;
	text-align: center;
	background: white;
}

@media screen and (max-width:1300px) {
	.social-share {
		position: static;
		float: left;
		top: auto;
		margin: 10px 0 0 0;
		width: 100%;
		box-shadow: none;
		padding: 0;
		background: none;
	}
}

/*
.social-share { float: left; width: 100%; }
.social-share h2 { font-weight: 400; float: left; width: 100%; margin-bottom: 10px; }
.social-share img { max-width: 19%; }*/
.border-radius {
	border-radius: 5px;
}

.price-disclaimer-star {
	font-size: 14px;
	font-weight: 400;
}

.price-disclaimer,
.footer-disclaimer {
	font-size: 14px;
}

.page .price-disclaimer {
	display: none;
}

.mobile {
	display: none;
}

.no-of-plans {
	float: right;
	padding: 5px 10px;
	background: white;
	border-radius: 5px;
	box-shadow: 1px 1px 10px #c2d7f9;
}

img.alignright {
	float: right;
	margin: 20px;
}

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

.vs-sub-header {
	margin-top: -13px;
	text-transform: uppercase;
	display: block;
	font-size: 20px;
	line-height: 45px;
}

.vs-links {
	float: left;
	margin-top: 20px;
	width: 100%;
	text-align: center;
	padding: 20px !important;
}

.vs-page-host .vs-links {
	margin-top: 0;
}

.vs-links h3 {
	margin: 0 0 10px 0;
	font-weight: 400;
}

.tag-cloud-link {
	text-decoration: none !important;
}

.tagcount {
	font-size: 14px;
	margin-left: 10px;
}

.illustrative {
	margin: 0 10px 10px 0;
	max-width: 40%;
	width: 50px;
	height: auto;
	float: left;
}

.toggle-more-desc {
	text-decoration: underline;
	cursor: pointer;
}

.more-desc {
	display: none;
}

p.coupon {
	padding: 10px;
	background: #f5f5f5;
	border-radius: 0 10px 10px 0;
	margin: 0 0 10px -10px;
}

.illustration {
	max-width: 50%;
	height: auto;
}

.small-illustration {
	max-width: 30%;
	height: auto;
}

#custom_html-4 {
	margin-bottom: 12px;
}

.page article.post a {
	text-decoration: none;
}

#mobile-quick-select {
	width: 100%;
	padding: 15px;
	border-radius: 5px;
	margin: 0;
	border: 2px solid #e2e2e2;
	background: white;
}

#page-403 #page-header {
	display: none;
}

.feature-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	width: 300px;
	max-width: 80%;
	background: white;
	color: #000;
	box-shadow: 1px 1px 10px #c2d7f9;
	border-radius: 5px;
	padding: 10px;
}

.ui-helper-hidden-accessible {
	width: 0px;
	height: 0px;
	overflow: hidden;
}

.opt-in {
	text-align: center;
	position: fixed;
	bottom: 15px;
	padding: 15px 10px;
	background: #ffffff;
	right: 15px;
	font-size: 18px;
	font-weight: bold;
	display: none;
	width: 250px;
	max-width: calc(100% - 50px);
	border-radius: 10px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.24);
	z-index: 100;
}

.opt-in span {
	float: left;
	width: 100%;
}

.opt-in a {
	float: left;
	font-weight: normal;
	padding: 10px 0;
	width: 50%;
	border: none;
	max-width: 47%;
	border-bottom: none;
	margin: 5px 0;
	text-align: center;
	font-size: 17px;
	text-decoration: none;
	border-radius: 21px;
	box-shadow: 1px 0 1px #ccc, 0 1px 1px #ccc;
}

.opt-in a.nei {
	float: right;
}

.vs-sub-wrap {
	float: left;
	text-align: center;
	margin: 0px 1% 0 1%;
	width: 23%;
}

.vs-sub {
	font-size: 20px;
	margin-top: 0;
	font-family: "Open Sans", sans-serif;
}

.vs-sub-desc {
	margin-top: -25px !important;
	text-transform: uppercase;
	font-size: 13px;
	font-family: "Open Sans", sans-serif;
}

.sorted-by-price {
	text-align: center;
	font-size: 15px;
	text-transform: uppercase;
}

.vs-suggest {
	margin: 10px 0 20px;
	text-align: center;
}

.vs-suggest a {
	text-decoration: underline;
}

.tax-host .term-desc>p {
	margin-bottom: 25px;
}

.no-search-results {
	text-align: center;
	float: left;
	width: 100%;
	margin: 20px 0;
}

.detail-heading {
	font-weight: bold;
}

.hosting-detail {
	display: block;
}

.host-logo {
	float: right;
	margin: 20px 0 20px 20px;
	width: 200px;
	height: auto;
	max-width: 50%;
}

.loop-post-title.hosting-detail,
.price.hosting-detail,
.plan-name-link.hosting-detail {
	display: inline;
}

.full-width-img {
	width: 100%;
	height: auto;
	margin: 0 0 10px 0;
}

.mobile-toggle {
	display: none;
}

.show-menu,
.show-filters {
	color: black;
	cursor: pointer;
	font-weight: bold;
	padding: 5px 10px;
	background: white;
	box-shadow: 1px 1px 10px #c2d7f9;
	position: relative;
	margin-top: -20px;
	margin-bottom: 20px;
}

a.show-menu:hover,
a.show-filters:hover,
a.back-to-top:hover {
	color: #000;
}

.show-menu {
	float: left;
	border-radius: 0 10px 10px 0;
}

.show-filters {
	float: right;
	border-radius: 10px 0 0 10px;
}

.show-menu.toggle-fixed {
	position: fixed;
	z-index: 100;
	border-radius: 0 0 10px 0;
	box-shadow: 1px 1px 10px rgba(112, 140, 186, 0.51);
	top: 0;
	left: 0;
}

.show-filters.toggle-fixed {
	position: fixed;
	z-index: 100;
	border-radius: 0 0 0 10px;
	box-shadow: 1px 1px 10px rgba(112, 140, 186, 0.51);
	top: 0;
	right: 0;
}

.toggle-placeholder {
	margin-top: 36px;
}

.menu-img {
	height: 26px;
	width: 25px;
	margin-right: 5px;
	float: left;
}

.filter-img {
	height: 26px;
	width: 25px;
	margin-right: 10px;
	float: left;
}

.back-to-top {
	margin: 20px 0 10px 0;
	float: left;
	text-align: center;
	width: 100%;
	font-weight: bold;
	cursor: pointer;
}

.cby-block {
	float: left;
	width: 100%;
	margin: 20px 1%;
	text-align: center;
}

article.sticky .sticky-notice {
	margin: 10px 0 0 0;
	font-weight: bold;
	font-style: italic;
	font-size: 12px;
	color: #0a5ca7;
}

.mainlink {
	font-size: 24px;
	float: left;
	width: 100%;
	text-decoration: none !important;
}

.quicklinks {
	display: none;
}

.quicklinks a {
	float: left;
	width: 100%;
	text-decoration: none !important;
	color: #39F;
	margin-bottom: 8px;
}

.quicklinks a span {
	border-bottom: 2px solid #e2e2e2;
}

.server-racks-bg {
	width: 850px;
	height: 250px;
	float: left;
	background: url(https://whcompare.com/wp-content/uploads/server-racks.png) repeat;
	margin-bottom: 20px;
	max-width: 100%;
}

.connected-dots-bg {
	width: 850px;
	height: 250px;
	float: left;
	background: url(https://whcompare.com/wp-content/uploads/connected-dots.png) repeat;
	margin-bottom: 20px;
	max-width: 100%;
}

.server-racks-bg span,
.connected-dots-bg span {
	background: rgba(255, 255, 255, .5);
	padding: 5px;
}

.server-racks-bg:hover,
.connected-dots-bg:hover {
	color: black;
}

.repeating-bg {
	height: 250px;
	margin-bottom: 20px;
	width: 100%;
	float: left;
	background-size: 100px 100px;
}

.bg-1 {
	background: url(/wp-content/uploads/pattern-1.svg) repeat;
}

.bg-2 {
	background: url(/wp-content/uploads/pattern-2.svg) repeat;
}

.bg-3 {
	background: url(/wp-content/uploads/pattern-3.svg) repeat;
}

.bg-4 {
	background: url(/wp-content/uploads/pattern-4.svg) repeat;
}

.bg-5 {
	background: url(/wp-content/uploads/pattern-5.svg) repeat;
}

.bg-6 {
	background: url(/wp-content/uploads/pattern-6.svg) repeat;
}

.bg-7 {
	background: url(/wp-content/uploads/pattern-7.svg) repeat;
}

.bg-8 {
	background: url(/wp-content/uploads/pattern-8.svg) repeat;
}

.bg-9 {
	background: url(/wp-content/uploads/pattern-9.svg) repeat;
}

.bg-10 {
	background: url(/wp-content/uploads/pattern-10.svg) repeat;
}

.single-post .the-content .text {
	display: inline;
}

.single-post .toggle.show-details {
	display: none;
}

.single-post .similar-plans .the-content .text {
	display: none;
}

.single-post .similar-plans .toggle.show-details {
	display: block;
}

.plan-footer {
	margin-top: 14px;
	float: left;
	width: 100%;
}

.similarly-priced-options {
	margin: 10px 0 20px 0;
	text-align: center;
}

.similar-plans {
	float: left;
	margin-top: -20px;
	padding-top: 20px;
}

.similar-plans-header h2 {
	margin: 0;
}

.similar-plans-header p {
	margin: 0 0 5px 0;
}

@media all and (min-width:901px) {
	.sidebar-ad-fixed img {
		width: 180px;
		height: auto;
	}
}

.page-id-1222 .icons {
	float: left;
	width: 100%;
}

.page-id-1222 .alignnone {
	float: left;
	width: 200px !important;
	height: 300px;
	margin: 0 9px 0 0;
}

@media all and (max-width:465px) {
	.page-id-1222 .alignnone {
		width: 49% !important;
		margin: 0 1% 0 0;
	}
}

.max-rating {
	display: none;
}

.rating-wrap {
	box-shadow: 1px 1px 10px #c2d7f9;
	width: 55px;
	height: 55px;
	float: right;
	border-radius: 100%;
	padding: 10px;
	margin: -15px -15px 0 -5px;
	background: white;
}

.rating {
	float: right;
	width: 55px;
	font-size: 170%;
	font-weight: normal;
	position: relative;
	border-radius: 100%;
	color: #0a5ca7;
}

.rating-desc {
	float: right;
	margin: 0 4px -10px 0;
	font-size: 15px;
	text-transform: uppercase;
	color: #99b2da;
}

.rating-score {
	float: right;
}

/* entire container, keeps perspective */
.flip-container {
	float: right;
	width: 55px;
	position: relative;
	color: #0a5ca7;
}

/* flip the pane when hovered */
.flip-container:hover .flipper,
.flip-container.hover .flipper {
	transform: rotateY(180deg);
}

.flip-container,
.front,
.back {
	width: 55px;
	height: 55px;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}

/* hide back of pane during swap */
.front,
.back {
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
	background: url(/wp-content/uploads/top-rating.png) no-repeat center center white;
	background-size: 57px;
	padding: 10px;
	border-radius: 100%;
	margin: -10px;
}

.front.atp {
	background: url(/wp-content/uploads/almost-top-rating.png) no-repeat center center white;
	background-size: 57px;
	padding: 10px;
	border-radius: 100%;
	margin: -10px;
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
}

.back .rating {
	border: 0px;
}

/* Sidebars */
#main-sidebar {
	float: left;
	width: 100%;
	margin: 25px 0 15px 0;
	text-align: center;
}

#the-sidebar {
	float: right;
	width: 180px;
}

#the-sidebar img {
	border-radius: 5px;
}

#menu-sidebar-menu {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

/* In the Loop */
article {
	margin: 0 0 20px 0;
	float: left;
	width: calc(100% - 20px);
	box-shadow: 1px 1px 10px #c2d7f9;
	border-radius: 5px;
	padding: 10px;
}

article.post {
	padding: 10px 10px 15px 10px;
}

article p {
	margin: 10px 0;
	padding: 0;
}

article.blog-post a {
	color: #2784d9;
	text-decoration: underline;
	border-bottom: 0;
}

article.blog-post a:hover {
	color: #000;
}

.archive article.blog-post h2 {
	margin-top: 0;
	margin-bottom: 5px;
	float: left;
	width: 100%;
}

article.blog-post h2 a {
	text-decoration: none;
}

article.blog-post h1 {
	margin-top: 0;
}

.blog-post .attachment-thumbnail {
	float: right;
	margin: 0 0 0 20px;
	border-radius: 3px;
}

.schema-offer {
	display: inline;
}

/* Gallery */
#gallery-2 img {
	border: none !important;
}

.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
	position: absolute;
	bottom: unset;
	width: 100%;
	max-height: 100%;
	overflow: auto;
	padding: 5px 0 5px 0;
	color: #000;
	text-align: center;
	font-size: 13px;
	background: #fff;
	margin-top: 33px;
}

.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
	margin-bottom: 33px;
}

/* Contact Form */
.wpcf7-form input,
.wpcf7-form textarea {
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #e2e2e2;
}

/* Footer 
footer#site-footer, header#site-header { color: white; text-shadow: 0 0 2px; }
footer#site-footer { width: calc(100% - 40px); float: left; margin: 20px 20px 30px 20px; }
footer#site-footer a, header#site-header a { color: #fff; font-weight: 400; }
footer#site-footer a:hover { color: #39F; text-decoration: underline; }
#footer-menu { display: inline; }
footer .site-info p { }
footer .site-info p span, .footer-copyright div { display: inline; background: black; }*/
#site-footer {
	float: left;
	width: 100%;
}

#footer-menu {
	display: inline;
}

/* Favicons */
.img-1and1,
.a2hosting,
.aws,
.bluehost,
.cloudways,
.digital-ocean,
.dreamhost,
.exabytes,
.fastcomet,
.godaddy,
.google-cloud,
.greengeeks,
.hostdime,
.hostgator,
.hostinger,
.hostpapa,
.hostwinds,
.inmotion-hosting,
.ipage,
.justhost,
.kinsta,
.kyup,
.linode,
.liquidweb,
.m3server,
.namecheap,
.network-solutions,
.pressable,
.shopify,
.siteground,
.tmdhosting,
.vultr,
.web-com {
	display: inline-block;
	background: url('images/favicons/33.png') no-repeat;
	overflow: hidden;
	text-indent: -9999px;
	text-align: left;
}

.img-1and1 {
	background-position: -1px -0px;
	width: 16px;
	height: 16px;
}

.a2hosting {
	background-position: -18px -0px;
	width: 16px;
	height: 15px;
}

.aws {
	background-position: -35px -0px;
	width: 16px;
	height: 16px;
}

.bluehost {
	background-position: -52px -0px;
	width: 16px;
	height: 16px;
}

.cloudways {
	background-position: -69px -0px;
	width: 16px;
	height: 16px;
}

.digital-ocean {
	background-position: -1px -17px;
	width: 16px;
	height: 16px;
}

.dreamhost {
	background-position: -18px -17px;
	width: 16px;
	height: 16px;
}

.exabytes {
	background-position: -35px -17px;
	width: 16px;
	height: 16px;
}

.fastcomet {
	background-position: -52px -17px;
	width: 16px;
	height: 16px;
}

.godaddy {
	background-position: -69px -17px;
	width: 16px;
	height: 16px;
}

.google-cloud {
	background-position: -1px -34px;
	width: 16px;
	height: 16px;
}

.greengeeks {
	background-position: -18px -34px;
	width: 16px;
	height: 12px;
}

.hostdime {
	background-position: -35px -34px;
	width: 16px;
	height: 16px;
}

.hostgator {
	background-position: -52px -34px;
	width: 16px;
	height: 16px;
}

.hostinger {
	background-position: -69px -34px;
	width: 16px;
	height: 16px;
}

.hostpapa {
	background-position: -18px -47px;
	width: 16px;
	height: 16px;
}

.hostwinds {
	background-position: -1px -51px;
	width: 16px;
	height: 16px;
}

.inmotion-hosting {
	background-position: -35px -51px;
	width: 16px;
	height: 16px;
}

.ipage {
	background-position: -52px -51px;
	width: 16px;
	height: 16px;
}

.justhost {
	background-position: -69px -51px;
	width: 16px;
	height: 16px;
}

.kinsta {
	background-position: -18px -64px;
	width: 16px;
	height: 16px;
}

.kyup {
	background-position: -1px -68px;
	width: 16px;
	height: 16px;
}

.linode {
	background-position: -35px -68px;
	width: 16px;
	height: 16px;
}

.liquidweb {
	background-position: -52px -68px;
	width: 16px;
	height: 16px;
}

.m3server {
	background-position: -69px -68px;
	width: 16px;
	height: 16px;
}

.namecheap {
	background-position: -18px -81px;
	width: 16px;
	height: 16px;
}

.network-solutions {
	background-position: -1px -85px;
	width: 16px;
	height: 16px;
}

.pressable {
	background-position: -35px -85px;
	width: 16px;
	height: 16px;
}

.shopify {
	background-position: -52px -85px;
	width: 16px;
	height: 16px;
}

.siteground {
	background-position: -69px -85px;
	width: 16px;
	height: 16px;
}

.tmdhosting {
	background-position: -18px -98px;
	width: 16px;
	height: 16px;
}

.vultr {
	background-position: -1px -102px;
	width: 16px;
	height: 16px;
}

.web-com {
	background-position: -35px -102px;
	width: 16px;
	height: 16px;
}

/* New */
.archive h1.page-title {
	text-align: left;
}

.tax-host.archive h1.page-title,
.archive h1.page-title.vs {
	max-width: 100%;
	text-align: center;
	line-height: normal;
}

.a-illustration {
	float: right;
	margin: -50px 0 0 0;
	width: 128px;
	height: auto;
}

.a-illustration.padding {
	padding: 10px;
	width: 108px;
}

.vs-page-host {
	float: left;
	width: 100%;
	text-align: center;
	margin: 20px 0;
}

.vs-page-host img {
	width: 250px;
}

.vs-page-host-avg {
	float: left;
	width: 100%;
}

.vs-page-type-wrap {
	float: left;
	width: 100%;
	margin-top: 10px
}

.vs-page-type {
	padding: 0 10px 0 0;
	color: #2784d9;
}

.vps-vs-page .vs-page-type-wrap,
.dedicated-vs-page .vs-page-type-wrap {
	display: none;
}

.hidden-schema {
	display: none;
}

#opt-in-in-loop {
	text-align: center;
	margin-bottom: 20px;
	float: left;
	width: calc(100% - 20px);
	background: white;
	box-shadow: 1px 1px 10px #c2d7f9;
	border-radius: 5px;
	padding: 20px 10px;
}

#opt-in-in-loop a {
	box-shadow: 0px 4px 0px 0px #0a5ca7;
	background-color: #2784d9;
	border: 1px solid #2784d9;
	border-radius: 5px;
	display: inline-block;
	cursor: pointer;
	color: #ffffff !important;
	text-decoration: none !important;
	text-shadow: 1px 1px 4px #00519b;
	font-size: 14px;
	text-align: center;
	margin: 15px;
	padding: 5px 20px;
	font-weight: bold;
	width: auto;
}

#opt-in-in-loop a:hover {
	box-shadow: 0px 2px 0px 0px #0a5ca7;
	margin-top: 17px;
	margin-bottom: 13px;
}

/* FAQ Accordion */
/* reset */
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

input[type=radio] {
	display: none;
}

/* style */
.a-container {
	width: 600px;
	margin: 20px auto;
}

.a-container label {
	display: block;
	position: relative;
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 20px;
	color: #aaa;
	background-color: #eee;
	border-bottom: 1px solid #ddd;

	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.a-container label:after {
	content: "";
	width: 0;
	height: 0;
	border-top: 8px solid #aaa;
	border-right: 6px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 6px solid transparent;
	position: absolute;
	right: 10px;
	top: 16px;
}

.a-container input:checked+label,
.a-container label:hover {
	background-color: #ddd;
	color: #222;
}

.a-container input:checked+label:after {
	border-top: 8px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 8px solid #222;
	border-left: 6px solid transparent;
	top: 6px;
}

.a-content {
	padding: 0 20px 20px;
	display: none;
}

.a-container input:checked~.a-content {
	display: block;
}

/* New stuff for new design */

.pagination span,
.pagination a {
	background: white;
}

.loop-header,
.similar-plans-header,
#site-footer,
.widget .textwidget,
.sidebar-vs-host-desc-wrap,
.vs-links {
	background: white;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 5px;
	box-shadow: 1px 1px 10px #c2d7f9;
	margin-bottom: 20px;
	display: inline-block;
	width: 100%;
}

.loop-header h2.loop-heading {
	margin: 5px 0 5px 0;
	line-height: 25px;
	font-size: 16px;
	font-weight: 400;
}

.tax-host .loop-header h1 {
	margin-top: 1px;
}

.widget .textwidget {
	margin-bottom: -20px;
}

.sidebar-vs-host-desc-wrap p {
	margin: 5px 0;
}

.vs-page-host .vs-links {
	box-shadow: none;
}

.similar-plans-header {
	margin-bottom: 20px;
}

#site-footer p:last-of-type {
	margin-bottom: 0;
}

.loop-header p {
	margin-bottom: 5px;
	margin-top: 5px;
	line-height: 25px;
}

.loop-header p.vs-sub {
	margin-bottom: 20px;
}

article {
	background: white;
}

/* Responsive Design */
#nav_menu-2.fixed {
	position: fixed;
	width: calc(100% - 40px);
	background: white;
	top: 0;
	left: 0;
	height: 100vh;
	z-index: 103;
	padding: 20px;
}

#search-3.fixed {
	position: fixed;
	width: calc(100% - 20px);
	z-index: 104;
	bottom: 20px;
}

.close-menu {
	display: none;
}

.close-menu.fixed {
	display: block;
	position: fixed;
	top: 10px;
	right: 10px;
	font-weight: bold;
	padding: 10px;
	z-index: 105;
	cursor: pointer;
}

.acceptcookies:hover {
	border-color: black;
	text-decoration: underline !important;
}

.cookie-notice-wrap {
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
}

.cookieconsent {
	z-index: 101;
	margin: 0 auto;
	text-align: center;
	background-color: #ffffff;
	box-shadow: 1px 1px 10px #c2d7f9;
	-webkit-box-shadow: 1px 1px 10px #c2d7f9;
	max-width: calc(100% - 30px);
	border-radius: 10px 10px 0 0;
	width: 450px;
	position: static;
	padding: 10px 15px 15px 15px;
}

.cookieconsent a {
	color: #2784d9;
}

@media screen and (max-width:1470px) {

	h1.site-title {
		float: left;
		width: 100%;
		margin: 0 auto;
	}

	header#site-header h2 {
		margin: -10px 0 10px 0;
		float: left;
		width: 100%;
	}

	.i-logo {
		position: absolute;
		top: 10px;
		right: 10px;
		margin: 0;
	}
}

@media screen and (min-width:901px) {
	header#site-header.hostcompare {
		margin-bottom: -25px;
	}

	.filter.hostcompare {
		margin-top: 20px;
		float: left;
		width: 100%;
	}

	#custom_html-4.sidebar-ad-fixed {
		position: fixed;
		top: 20px;
	}

	#custom_html-2.sidebar-ad-fixed {
		position: fixed;
		top: 220px;
	}

	.searchandfilter select.in-use {
		box-shadow: 1px 1px 3px inset rgba(0, 0, 0, 0.1);
	}

	#third-wrap {
		margin: 10px 0 10px 0;
	}

	#main-sidebar {
		margin: 40px 0 15px 0;
	}

	#search-3 {
		margin-top: -15px;
		margin-bottom: 15px;
	}

}

@media screen and (max-width:900px) {
	body {
		background: url(https://whcompare.com/wp-content/uploads/server-racks.png) repeat #e6eff7;
	}

	#first-wrap {
		max-width: 100%;
	}

	#third-wrap {
		margin-bottom: 0;
		border-radius: 0px;
		background: none;
	}

	#site-wrap {
		float: left;
		width: auto;
		padding: 0;
		margin-top: 0;
	}

	.page #site-wrap {
		width: calc(100% - 20px);
		margin: 0 10px;
	}

	#content-wrap,
	#content {
		width: 100%;
	}

	header#site-header h1 {
		margin-top: 30px;
	}

	header#site-header h2 {
		font-size: 15px;
	}

	.mobile-toggle {
		display: block;
	}

	.filter {
		display: none;
		margin-top: -15px;
		margin-bottom: 20px;
		float: left;
	}

	#the-sidebar {
		width: 100%;
		margin: 20px 0;
		text-align: center;
	}

	#the-sidebar .widget {
		margin-bottom: 15px;
	}

	#menu-sidebar-menu a {
		margin: 10px;
		float: left;
		background: white;
	}

	.show-menu {
		position: fixed;
		top: 0;
		left: 0;
		margin: 0;
		border-radius: 0 0 5px 0;
		z-index: 102;
	}

	.show-filters {
		position: fixed;
		top: 0;
		right: 0;
		margin: 0;
		border-radius: 0 0 0 5px;
		z-index: 102;
	}

	.filter {
		width: 100%;
	}

	.searchandfilter ul {
		background: none;
		box-shadow: none;
	}

	.searchandfilter li {
		padding: 4px;
	}

	.searchandfilter select {
		padding: 5px 2px 5px 15px;
		border-radius: 5px;
		box-shadow: 1px 1px 10px #c2d7f9;
		background: url(images/arrow.svg) no-repeat 2px white;
		background-size: 12px;
	}

	.searchandfilter input[type="submit"] {
		box-shadow: 1px 1px 10px #c2d7f9;
	}

	article {
		padding: 10px 10px 15px 10px;
	}

	.pagination {
		margin: 0 0 10px 0;
		float: left;
		width: 100%;
	}

	.no-of-plans {
		margin: 10px 0;
		float: left;
	}

	.vs-links {
		margin-bottom: 0;
	}

	.opt-in {
		position: static;
		float: right;
		width: calc(100% - 20px);
		max-width: 100%;
		max-width: calc(100% - 20px);
	}

	#search-3 {
		margin-bottom: 8px;
	}

	.desktop {
		display: none;
	}

	.mobile {
		display: inline;
	}
}

@media screen and (max-width:420px) {
	.compare-offers span {
		display: block;
	}
}

@media screen and (min-width:401px) {
	.content img {
		max-width: 60%;
		height: auto;
	}

	.page-id-1222 .content img {
		max-width: 100%;
		height: auto;
	}
}

@media screen and (min-width:601px) {
	.single .the-content .text {
		margin-top: 15px;
	}
}

@media screen and (max-width:600px) {

	#first-wrap {
		max-width: 100%;
	}

	#site-wrap {
		margin: 0 10px;
	}

	header#site-header {
		margin-bottom: 0;
	}

	.searchandfilter {
		margin-top: 10px;
	}

	header#site-header h1,
	#site-header h2 {
		float: none;
	}

	header#site-header h1 a {
		font-size: 45px;
		color: black;
		font-weight: 300;
	}

	header#site-header h2 {
		font-size: 12px;
		color: black;
		display: none;
	}

	.i-logo {
		display: none;
	}

	#header-menu ul {
		display: none;
	}

	h1.page-title {
		font-size: 27px;
	}

	h1.page-title,
	.term-desc,
	.desc {
		text-align: left;
	}

	.archive h1.page-title.vs {
		margin-bottom: 0;
	}

	.vs-sub-header {
		text-transform: uppercase;
		font-size: 15px;
		margin-top: -5px;
		line-height: 30px;
	}

	.vs-sub-wrap {
		margin: 0;
		width: 50%;
		text-align: center;
	}

	.vs-suggest {
		text-align: center;
	}

	.show-menu,
	.show-filters {
		margin-top: 0;
		margin-bottom: 0;
	}

	.illustrative {
		margin: 0 0 10px 10px;
		float: right;
	}

	.tax-host .term-desc>p {
		margin-bottom: 10px;
	}

	.notification {
		margin: -5px 0 15px 0;
	}

	.term-desc {
		margin-top: -20px;
	}

	.the-content a.c2a-link-mid {
		width: 100%;
		padding: 5px 0px;
		margin-bottom: 10px;
	}

	.the-content a.c2a-link-mid:hover {
		margin-bottom: 8px;
	}

	.toggle.show-details,
	.comment-toggle,
	.page article.post .comment-toggle {
		width: 100%;
		padding: 5px 0px;
		float: left;
	}

	article.post {
		border: none;
	}

	.archive h1.page-title {
		width: 100%;
		max-width: 100%;
	}

	.a-illustration {
		float: right;
		margin: -10px 0;
		max-width: 33%;
	}

	.hosting-detail.price {
		display: block;
		margin-top: 10px;
		clear: both;
	}

	.rating,
	.flip-container {
		margin: 0 0 5px 5px;
	}

	.content img {
		margin: 10px auto;
	}

	.widget_search .search-field {
		max-width: calc(100% - 20px);
	}

	#search-3 {
		margin-left: -4px;
	}

	.date.hosting-detail {
		width: 100%;
		text-align: center;
		margin: 10px 0;
	}

	.company.hosting-detail {
		width: 100%;
		text-align: center;
		margin: 0 0 10px 0;
	}

}

@media all and (max-width:500px) {
	.searchandfilter li:nth-last-of-type(1) {
		width: 100%;
		width: calc(100% - 8px);
	}
}