/* Jetpack lazy load aligncenter */
.jetpack-lazy-images-js .jetpack-lazy-image.aligncenter {
	display: block;
}

/* Page builders table */
.page-builders-table {
	overflow: scroll !important;
}

.page-builders-table td,
.page-builders-table th {
	border: 1px #dbdbdb solid;
}

.page-builders-table tbody tr,
.page-builders-table tr:nth-of-type(odd) {
	background: #f6f6f6;
}

.page-builders-table img {
	max-width: 70px;
	border-radius: 50%;
}

.page-builders-table tbody tr:first-child {
	background: #038c7d;
	color: #fff;
}

.page-builders-table tbody a {
	color: inherit;
	font-weight: bold;
}

.page-builders-table tbody tr:first-child a {
	color: #fff;
}

.page-builders-table tbody tr td:first-child {
	padding-top: .5rem;
	padding-bottom: .5rem;
}

.page-builders-table tbody td:last-child {
	font-weight: bold;
}

.page-builders-table a.buy-link {
	font-weight: normal;
	text-decoration: underline;
}

/* Single page builder table */
.page-builder-single-table thead tr:nth-of-type(odd) {
	background: #038c7d;
	color: #fff;
}

.page-builder-single-table thead th {
	padding-top: .5rem;
	padding-bottom: .5rem;
}

.page-builder-single-table thead th a {
	color: inherit;
}

.page-builder-single-table thead img {
	max-width: 70px;
	border-radius: 50%;
	margin-bottom: 0;
}

.page-builder-single-table tbody td {
	padding: .25rem;
}

.page-builder-single-table tr,
.page-builder-single-table tr:nth-of-type(odd) {
	background: #f6f6f6;
}

.page-builder-single-table tr:last-child {
	font-weight: bold;
}

.page-builder-single-table tbody {
	text-align: left;
}

/* Wirecutter */
.wirecutter {
	border: 5px #04A794 solid;
	background: #E5F2E8;
	padding: 1rem;
	margin-top: 2rem;
	margin-bottom: 2rem;
	position: relative;
	padding-bottom: 0;
}

.wirecutter h3.box-title {
	text-transform: none;
	margin-top: 0;
	font-size: 1rem;
	position: absolute;
	top: -1rem;
	line-height: 1;
	margin: 0;
	background: #04A794;
	border: 5px #04A794 solid;
	color: #fff;
	border-bottom: 0;
	padding: .25rem;
}

/* No lightbox captions */
.slb_template_tag_item_title {
	display: none;
}

/* OptInMonster on-page signup styling */
.atlanta-header {
	background: #fa5b22 !important;
}

.atlanta-content {
	background: #e5f2e8 !important;
}

.atlanta-element-title-content, .atlanta-element-title-content span {
	font-family: "Titillium Web","Franklin Gothic Medium","Franklin Gothic","ITC Franklin Gothic",Arial,sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.375rem !important;
    line-height: 1 !important;
}

.atlanta-field-submit {
  font-weight: 900 !important;
  background: #038c7d !important;
  border-color: #038c7d !important;
  font-family: 'Titillium Web' !important;
  text-transform: uppercase !important;
}



@media (max-width: 480px) {
	.wirecutter h3.box-title {
		left: -5px;
		right: -5px;
	}
}

.wirecutter h2.product-title {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.wirecutter h2.product-title a {
	color: inherit;
}

.wirecutter h2.product-title a:hover {
	text-decoration: none;
}

.wirecutter .product-image {
    float: left;
    max-width: 100px;
    margin-right: 1rem;
}

.wirecutter .cta {
	display: block;
/* 	float: none;
	clear: both; */
	margin-top: 0;
	padding-top: 1.5rem;
	margin-bottom: 1rem;
	text-align: center;
}

.wirecutter .cta .button {
	display: inline-block;
	min-width: 125px;
}

/* Buttons */
html .button:hover {
	text-decoration: none;
}

.button.blue, .button.blue:hover {
	background-color: #038c7d;
}

.button.blue:hover {
	box-shadow: -0.08333rem 0.08333rem 2px #045B51;
}

/* Archive page changes, Quick Guides so far */

.site-content .archive-section-header {
	font-size: 44px;
}

.site-content h3.article-title {
	font-size: 1.5rem;
  line-height: 1.2;
  color: #ef5223;
	text-transform: none;
}

/* .single-post is because on an iPhone long URLs like in https://wpshout.com/links/fix-mixed-content-warnings-blocked-content-http-https-remover/ broke the layout */
.single-post {
	overflow-x: hidden;	
}

html {
	line-height: 1.65;
}

.page-content {
max-width: 48rem;
}

/* "Home articles" two-column section */
.home-articles {
	font-size: 0;
	padding-bottom: 1rem;
}

.home-articles .recent-articles + .home-article {
	padding-top: 0;
}

.home-articles .home-article {
	position: relative;
	border: 0;
	box-sizing: border-box;
}

.home-articles .home-article h1 {
	padding: .25rem 0 .5rem 0;
	line-height: 1;
	margin: 0;
}

.home-articles .recent-articles {
	color: #F05224;
	margin-top: 1rem;
	margin-bottom: .75rem;
	font-size: 1rem;
}

.home-links .section-head + .home-article {
	padding-top: 0;
}

@media (min-width: 1000px) {
	.home-articles .home-article {
		display: inline-block;
		padding: 3px;
		width: 50%;
	}
	
	.home-articles .home-article h1 {
		font-size: .75rem;
	}
}

.home-article .post-meta .date-meta {
    font-size: inherit; /*This is because they looked way dumb in the metabox*/
}

.post-content p code, 
.post-content li code {
	background: #f3f3f3;
	padding:0 .125em;
}

.site-content blockquote {
	font-size: .65rem;
	padding: .75em 0;
	line-height: 1.6;
}

.site-content blockquote.pullquote {
	font-size: .85rem;
	padding: 1em 0;
	line-height: 1.33;
}

/*widen gutters on big screens*/
@media screen and (min-width: 1000px) {
	.site-content {
			padding-left: 8.833rem;
			padding-right: 3rem;
	}
}

/*no page gutters on mobile*/
@media screen and (max-width: 1000px) {
	.page-holder {
			margin: 0 .5rem;
	}
}

/* make social links a bit smaller and tighter so they break lines less*/
.primary-navigation .nav-subscribe .nav-social-menu i.fa {
    height: 1.5rem;
    width: 1.5rem;
		line-height: 1.3rem;
}

.primary-navigation .nav-subscribe .nav-social-menu a {
    margin: 0 0.22rem;
}