/* ########################################################################

	Theme Name: Listverse 2013 (2021 Updates - Active)
	Description: Another custom build from Fhoke.
	Author: Fhoke
	Author URI: http://www.fhoke.com
	Version: 1.1.63
	Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, custom-menu, editor-style, featured-images

########################################################################

	0.  	Webfonts
	0.1  	CSS Reset, Font setup and Plugins
	1.		WordPress defaults
	2.		Typography & Text colours
	3.		Mobile Layout
	4.		Tablet Layout
	4.1.	Typography & Text colours
	5.		Desktop Layout
	5.1. 	Plugin - Superfish
	5.2.	Typography & Text colours
	6.		Enhanced Layout
	6.1.	Typography & Text colours
	7.		Retina and High DPI Devices
	8.		Print
    9.      Sections
    10.     Backgrounds
    11.     Grid
    12.     Text Styles
    13.     Core Template Sections
    14.	    2021 Article Updates
    15.     Interactions
    16.     Responsive

/* #######################################################################

	0.  Webfonts

####################################################################### */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 11, 2013 09:29:55 AM America/New_York */
@font-face {
    font-family: 'TitilliumBold';
    src: url('assets/webfonts/TitilliumText25L001-webfont.eot');
    src: url('assets/webfonts/TitilliumText25L001-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/webfonts/TitilliumText25L001-webfont.woff') format('woff'),
         url('assets/webfonts/TitilliumText25L001-webfont.ttf') format('truetype'),
         url('assets/webfonts/TitilliumText25L001-webfont.svg#TitilliumBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumMedium';
    src: url('assets/webfonts/TitilliumText25L002-webfont.eot');
    src: url('assets/webfonts/TitilliumText25L002-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/webfonts/TitilliumText25L002-webfont.woff') format('woff'),
         url('assets/webfonts/TitilliumText25L002-webfont.ttf') format('truetype'),
         url('assets/webfonts/TitilliumText25L002-webfont.svg#TitilliumMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumRegular';
    src: url('assets/webfonts/TitilliumText25L003-webfont.eot');
    src: url('assets/webfonts/TitilliumText25L003-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/webfonts/TitilliumText25L003-webfont.woff') format('woff'),
         url('assets/webfonts/TitilliumText25L003-webfont.ttf') format('truetype'),
         url('assets/webfonts/TitilliumText25L003-webfont.svg#TitilliumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumLight';
    src: url('assets/webfonts/TitilliumText25L004-webfont.eot');
    src: url('assets/webfonts/TitilliumText25L004-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/webfonts/TitilliumText25L004-webfont.woff') format('woff'),
         url('assets/webfonts/TitilliumText25L004-webfont.ttf') format('truetype'),
         url('assets/webfonts/TitilliumText25L004-webfont.svg#TitilliumLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumThin';
    src: url('assets/webfonts/TitilliumText25L005-webfont.eot');
    src: url('assets/webfonts/TitilliumText25L005-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/webfonts/TitilliumText25L005-webfont.woff') format('woff'),
         url('assets/webfonts/TitilliumText25L005-webfont.ttf') format('truetype'),
         url('assets/webfonts/TitilliumText25L005-webfont.svg#TitilliumThin') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumExtraBold';
    src: url('assets/webfonts/TitilliumText25L-webfont.eot');
    src: url('assets/webfonts/TitilliumText25L-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/webfonts/TitilliumText25L-webfont.woff') format('woff'),
         url('assets/webfonts/TitilliumText25L-webfont.ttf') format('truetype'),
         url('assets/webfonts/TitilliumText25L-webfont.svg#TitilliumExtraBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

.swp_social_panelSide {
    display: none !important;
}

/* #######################################################################

	0.1  CSS Reset, Font setup and Plugins

####################################################################### */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
body{font:13px/1.231 sans-serif;}
select,input,textarea,button{font:99% sans-serif;}
pre,code,kbd,samp{font-family:monospace, sans-serif;}
html{overflow-y:scroll;}
a:hover,a:active{outline:none;}
ul,ol{margin-left:2em;}
ol{list-style-type:decimal;}
nav ul,nav li{list-style:none;list-style-image:none;margin:0;}
small{font-size:85%;}
strong,th{font-weight:700;}
td{vertical-align:top;}
sub,sup{font-size:75%;line-height:0;position:relative;}
sup{top:-.5em;}
sub{bottom:-.25em;}
pre{white-space:pre-wrap;word-wrap:break-word;padding:1em;}
textarea{overflow:auto;max-width:100%;}
.ie6 legend,.ie7 legend{margin-left:-7px;}
input[type="checkbox"]{vertical-align:bottom;}
.ie7 input[type="checkbox"]{vertical-align:baseline;}
label,input[type="button"],input[type="submit"],input[type="image"],button{cursor:pointer;}
button,input,select,textarea{margin:0;}
input:invalid,textarea:invalid{border-radius:1px;-moz-box-shadow:0 0 5px red;-webkit-box-shadow:0 0 5px red;box-shadow:0 0 5px red;}
.no-boxshadow input:invalid,.no-boxshadow textarea:invalid{background-color:#f0dddd;}
button{width:auto;overflow:visible;}
.ie7 img{-ms-interpolation-mode:bicubic;}
input[type="radio"],.ie6 input{vertical-align:text-bottom;}
em,i { font-style: oblique; }
strong,b { font-weight: bold; }
input[type=text], input[type=button], input[type=submit], button { -webkit-appearance: none; border-radius: 0; }

/* #######################################################################

	1.	WordPress defaults

####################################################################### */

.alignnone {
margin:0;
}
a img.alignnone {
margin:5px 20px 20px 0;
}
a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.aligncenter,
 div.aligncenter,
 .aligncenter {
display:block;
margin:5px auto;
}
.alignright,
 a img.alignright {
float:right;
margin:5px 0 20px 20px;
}
.alignleft,
 a img.alignleft {
float:left;
margin:5px 20px 20px 0;
}
.sticky {}
.gallery-caption {
font-style: oblique;
}
.bypostauthor .avatar {
border-color: #ccc;
}


/* #######################################################################

	2.	Typography & Text colours

####################################################################### */

body {
font: 16px/1.5 "TitilliumRegular", Arial, Helvetica, sans-serif;
color: #6d6d6d;
}


.imgcred { font-size: 70%; text-align: right; font-color: gray; clear: both;}
a, .title-category:hover, .the-article span.author a:hover, .the-article a:hover {
color: #6d6d6d;
text-decoration: none;
-o-transition: all 0.25s ease-in;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
}
a:hover, .title-category, .meta a:hover, footer small a:hover, article:hover h3 a, article:hover h4 a, .the-article aside:hover h4 a, .the-article span.author a, .the-article a, .authors .new.the-article article:hover h3 a, .authors .new.the-article .meta a:hover, .navigation ul li .curr {
color: #d24d33;
text-decoration: none;
-o-transition: all 0.25s ease-in;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
}
article:hover a img, aside:hover a img {
opacity: 0.8;
filter: alpha(opacity=80);
-o-transition: opacity 0.25s ease-in;
-webkit-transition: opacity 0.25s ease-in;
-moz-transition: opacity 0.25s ease-in;
transition: opacity 0.25s ease-in;
}
.single article:hover a img, .single aside:hover a img {
opacity: 1;
filter: alpha(opacity=100);
}
img {
max-width: 100%;
height: auto;
-o-transition: opacity 0.25s ease-in;
-webkit-transition: opacity 0.25s ease-in;
-moz-transition: opacity 0.25s ease-in;
transition: opacity 0.25s ease-in;
}
a img {
border: none;
}
h3 {
font-size: 22px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 20px;
}
h6 {
font-size: 18px;
}
h1, h2, h3, h4, h5, h6 {
color: #343434;
}
.toolbar, .toolbar a {
color: #fff;
}
.toolbar .follow-top .follow {
font-size: 16px;
}
.head .head-title {
color: #fff;
font-size: 16px;
}
.head, a.btn, span.btn a, button, input.gsc-search-button, .title-category, time, .meta, .meta a, .sharing, .new.the-article.full-width .about-staff h3, article small, .info-panel h3, .gsc-tabHeader.gsc-inline-block, label.mainlabel, a.mobile-tab, .submit-thanks h5 {
text-transform: uppercase;
}
a.btn, span.btn a, .title-category, time, span.author a, footer small, .the-article .title-category, button {
font-size: 14px;
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .the-article aside h4 a, .info-panel strong, .authors .new.the-article h3 a {
font-family: "TitilliumRegular", Arial, Helvetica, sans-serif;
line-height: 1.2;
color: #343434;
}


.amzn { font-weight: bold; }


footer small {
font-family: "TitilliumRegular", Arial, Helvetica, sans-serif;
color: #999;
}

footer small a {
color: #343434;
}
.new h3, .picks h3 {
font-size: 24px;
}
.current .title-category, .current time, .picks .title-category, .picks time, .asides aside .title-category, .asides aside time {
font-size: 12px;
}
h4, footer {
font-size: 16px;
}
time, .meta, .meta a, .authors .new.the-article .meta a {
color: #9a9a9a;
}
.current .head a {
font-size: 16px;
color: #fff;
}
.current .head .choice-recent a, .current .head .choice-popular a {
font-size: 12px;
}
strong, a.mobile-tab, .head, .submit-thanks h5 {
font-family: "TitilliumMedium", Arial, Helvetica, sans-serif;
font-weight: 400;
}
.the-article h1, .the-article .itemheading, .submit-thanks h5 {
font-size: 36px;
line-height: 1;
}
.the-article p {
margin-top: 1em;
float: left;
width: 100%;
}
.the-article .author-bio p {
float: none;
width: auto;
text-align: justify;
}
.the-article h2, .the-article .itemheading {
font-size: 22px;
}
.the-article h2 span, .the-article .itemheading span, label.mainlabel {
color: #fff;
font-size: 36px;
font-family: "TitilliumMedium", Arial, Helvetica, sans-serif;
}
.sharing, .new.the-article.full-width .about-staff h3 {
font-size: 14px;
}
.author-bio span.author a {
font-size: 18px;
}
label.mainlabel {
font-size: 16px;
}
.author-bio p {
margin-top: 0;
}
.author-links {
line-height: 29px;
font-size: 90%;
}
article .author-links a {
text-indent: 0;
background: none;
float: none;
}
.author-links span {
padding-right: 10px;
}
.author-links a {
padding-right: 5px;
}
.new.the-article.full-width h1, .page-template-template-about-php .new.the-article.full-width h2, .page-template-template-books-php .new.the-article.full-width h2 {
text-align: center;
}
.new.the-article.full-width h1, .page .the-article h1 {
font-size: 36px;
}
.page-template-template-about-php .new.the-article.full-width h2, .page-template-template-books-php .new.the-article.full-width h2 {
margin-top: 0;
}
.new.the-article.full-width h2 {
margin-top: 1em;
}
.new.the-article.full-width h2, .page .new.the-article h2 {
font-size: 24px;
border: none;
}
.page .new.the-article h2 {
margin-top: 1em;
padding-top: 0;
margin-bottom: 0;
font-size: 24px;
border: none;
}
article small {
font-size: 70%;
}
.info-panel {
font-size: 16px;
}
.info-panel h3 {
font-size: 18px;
text-align: center;
}
.author-title, .author-title a {
color: #25272a;
font-size: 24px;
}

/* #######################################################################

	3.	Mobile Layout

####################################################################### */

body {
background: #eaeaea;
}
header {
background: #25272a;
}
footer {
background: #fff;
}
.current, .picks, .authors .author-bio {
background: #f0f0ed;
}
section, article, aside {
display: block;
width: 100%;
}
.the-article .asides .head .head-title, .page .head .random, .home .head .random, .page .the-article .head, .page .the-article .head .head-title,  .archive .the-article .head, .archive .the-article .head .head-title {
display: inline-block;
}

/* for new mobile layout wth images at top */
.the-article h1 {
font-size: 1.875em;
line-height: 1;
padding-top: 10px;
}



time {

font-size: 14px;
}


.fp-comments-known
{
	margin-Top: 9px;
}

.fp-comments-unknown
{
 margin-Top: 6px;
}


#overlay, #wpstats, .picks, .toolbar nav, .current, .ga, .column.menu, .column.social, .head .share, .the-article .head .head-title, .tab-recent, .toolbar .follow-top, .page-template .current,  .single .random, .sizeythingy  {
display: none;
}
.wrapper {
float: left;
width: 100%;
}
header {
float: left;
width: 100%;
background: #25272a;
}
.new .head {
background: #d24d33;
}
.head {
float: left;
width: 100%;
padding: 10px 0;
min-height: 36px;
}
.current .head, .asides .head {
background: #3b8dbd;
}
.current .head ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.current .head ul li {
padding: 0;
margin: 0;
}
.current .head .choice-recent, .current .head .choice-popular {
float: right;
}
.new {
float: left;
width: 100%;
background: #fff;
}
.new article, .current article, .picks article, .asides, .new.the-article .author-articles article {
float: left;
width: 94%;
margin: 20px 3% 0 3%;
padding-bottom: 20px;
border-bottom: 1px solid #dddddb;
}
.adthrive-ad {
padding-bottom: 0;
}
.comments, #disqus_thread {
float: left;
width: 94%;
padding: 20px 3%;
}
.head .head-title {
margin-left: 20px;
margin-top: 7px;
float: left;
}
.head a.btn, span.btn a {
float: right;
margin-right: 7px;
}
.head span.btn a:last-of-type, a.btn.random {
margin-right: 20px;
}
.single a.btn.random {
margin-right: 7px;
}
.head span.btn.next a {
margin-left: -14px;
}
.new .pagination {
float: left;
width: 94%;
margin: 20px 3% 0 3%;
padding-bottom: 20px;
}
footer {
float: left;
width: 94%;
padding: 20px 3% 20px 3%;
}
footer small {
float: left;
width: 100%;
display: block;
padding: 12px 0 20px 0;
}
footer small span {
display: block;
padding-top: 20px;
}
.twitter, .facebook, .pinterest, .rss {
float: left;
margin-top: 5px;
margin-left: 20px;
display: inline-block;
text-indent: -999999em;
width: 20px;
height: 20px;
background-image: url(assets/img/social-footer.png);
background-repeat: no-repeat;
}
footer .social a:first-of-type {
margin-left: 0;
}
.twitter {
background-position: 0 0;
}
.twitter:hover {
background-position: 0 -40px;
}
.facebook {
background-position: -52px 0;
}
.facebook:hover {
background-position: -52px -40px;
}
footer .social .pinterest {
background-position: -102px 0;
}
footer .social .pinterest:hover {
background-position: -102px -40px;
}
footer .social .rss {
background-position: -152px 0;
}
footer .social .rss:hover {
background-position: -152px -40px;
}
.current article, .asides aside {
padding-bottom: 10px;
border-color: #fff;
}
.current article img, .asides aside img {
float: left;
margin-right: 6.230529595016%;
max-width: 85px;
}
.current article .title-category {
float: left;
display: block;
margin-top: -2px;
clear: right;
width: 61.573529411765%;
}
.current article {
margin-left: 6.230529595016%;
margin-right: 6.230529595016%;
width: 87.538940809968%;
}
.new article, .new .pagination, .authors .new.the-article .author-articles, .authors .author-bio {
margin-left: 4.474272930649%;
margin-right: 4.474272930649%;
width: 91.051454138702%;
}
.home .new article img, .authors .new article img {
width: 100%;
}
.current .head {
padding: 0;
min-height: 56px;
}
.current .head .choice-recent a, .current .head .choice-popular a {
width: 62px;
height: 22px;
padding-top: 34px;
display: inline-block;
float: left;
text-align: center;
background-image: url(assets/img/popular.png);
background-position: 23px 12px;
background-repeat: no-repeat;
-o-transition: background-color 0.25s ease-in;
-webkit-transition: background-color 0.25s ease-in;
-moz-transition: background-color 0.25s ease-in;
transition: background-color 0.25s ease-in;
}
.current .head .choice-popular a {
background-position: -38px 12px;
}
.current .head .choice-recent a.tab-active, .current .head .choice-popular a.tab-active, .current .head .choice-recent a:hover, .current .head .choice-popular a:hover {
background-color: #56a6d4;
-o-transition: background-color 0.25s ease-in;
-webkit-transition: background-color 0.25s ease-in;
-moz-transition: background-color 0.25s ease-in;
transition: background-color 0.25s ease-in;
}
.current .head .head-title, .asides .head .head-title {
padding-top: 10px;
}
/* Buttons */
a.btn, span.btn a, button, input.gsc-search-button {
font-family: "TitilliumMedium", Arial, Helvetica, sans-serif;
display: inline-block;
border: 2px solid #b53c24;
padding: 7px 12px 5px 12px;
vertical-align: middle;
line-height: 1.4;
color: #fff !important;
background-color: #d24d33;
-o-transition: all 0.25s ease-in;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
}
a.btn:hover, span.btn a:hover, button:hover, input.gsc-search-button:hover {
background-color: #e2563a;
-o-transition: all 0.25s ease-in;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
}
a.btn.large {
width: 100%;
padding-left: 0;
padding-right: 0;
font-size: 18px !important;
float: left;
display: block;
text-align: center;
margin-bottom: 10px;
}
input.gsc-search-button {
font-size: 18px !important;
}
a.share, span.btn a.share {
background-image: url(assets/img/share.png);
background-position: 8px 50%;
background-repeat: no-repeat;
padding-left: 28px;
}
.new.the-article article {
border-bottom: none;
}
.page .the-article h1 {
border-bottom: 1px solid #dddddb;
padding-bottom: 10px;
}
.the-article h2, .the-article .itemheading {
border-top: 1px solid #dddddb;
padding-top: 10px;
color: #343434;
}
.itemheading + p {
margin-top: 0;
}
.itemheading p {
width: auto;
}
.single article h2 + p {
margin-top: 0;
}
.the-article.full-width h2 {
border-top: none;
padding-top: 0;
margin-top: 0;
color: #343434;
}

.the-article h2 {
display: flex;
align-items: center;
}

.the-article h2 span, .the-article .itemheading span {
float: left;
display: inline-block;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
background: #d24d33;
margin: 0 10px 0 0;
}
.the-article h2, .the-article .itemheading {
float: left;
width: 100%;
margin-top: 30px;
padding-top: 12px;
}
.page-template-template-submit-php .asides {
background: none;
}
.sharing {
float: left;
width: 100%;
margin: 14px 0 0 0;
padding: 14px 0;
border-top: 1px solid #dddddb;
border-bottom: 1px solid #dddddb;
text-align: right;
}
.author-bio {
float: left;
width: 100%;
margin: 0px 0 0px 0;
padding: 2px 0;
padding-top: 15px;
border-top: 1px solid #dddddb;
padding-bottom: 15px;
border-bottom: 1px solid #dddddb;
text-align: center;
}

.single-article-only
{
	margin-top: 5px!important;
}

.author-bio span.author a {
margin-top: 10px;
display: block;
}
.promote
{
padding-top: 25px;
border-top: 1px solid #dddddb;
font-size: 16px;
}
.asides aside {
float: left;
padding-top: 14px;
margin: 0 7.142857142857%;
width: 85.714285714286%;
border-bottom: 1px solid #fff;
}
.asides {
display: flex;
flex-wrap: wrap;
background: #f0f0ed;
border-bottom: 0;
margin-top: 40px;
margin-bottom: 20px;
}
.asides .head {
text-align: center;
}
.asides .head .head-title {
float: none;
margin: 0;
}
.one_half,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
width: 100%;
margin: 0;
}
.new.the-article .intro {
float: left;
width: 100%;
margin: 0 0 40px 0;
padding: 0 0 20px 0;
border-bottom: 1px solid #dddddb;
}
.about-content {
margin-bottom: 40px;
}
.about-staff .profile {
float: left;
width: 100%;
padding-bottom: 10px;
}
.about-staff img {
float: left;
margin-right: 20px;
}
.new.the-article.full-width .about-staff h2 {
text-align: left;
float: none;
width: auto;
}
.the-article .author-bio img {
width: 122px;
height: 122px;
}
.about-staff a {
margin-left: 5px;
}
.about-staff a:first-of-type {
margin-left: 0;
}
.profile-content {
float: left;
width: 100%;
}
.divide {
float: left;
width: 100%;
height: 1px;
border-bottom: 1px solid #dddddb;
margin: 30px 0 20px 0;
}
.new.the-article.full-width h1 {
padding-bottom: 20px;
border-bottom: 1px solid #dddddb;
}
::-webkit-input-placeholder {
color: #adadaf;
}
:-moz-placeholder {
color: #adadaf;
}
::-moz-placeholder {
color: #adadaf;
}
:-ms-input-placeholder {
color: #adadaf;
}
.follow-top form input.emailaddress, .search-top form input, .submit-form input, .submit-form textarea, input.gsc-input  {
font-family: "TitilliumRegular", Arial, Helvetica, sans-serif;
font-size: 16px;
width: 100%;
padding: 8px 4px;
border: 1px solid #dddddb;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-o-transition: all 0.25s ease-in;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
}
.follow-top form input:hover.emailaddress, .search-top form input:hover, .submit-form input:hover, .submit-form textarea:hover, .submit-form input:active, .submit-form textarea:active, .submit-form input:focus, .submit-form textarea:focus {
border-color: #d24d33;
color: #33363b;
-o-transition: all 0.25s ease-in;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
}
.submit-form .sm input, .submit-form .sm label {
width: auto;
padding: 0;
float: left;
vertical-align: middle;
line-height: 1;
}
.submit-form .sm label {
margin-left: 4px;
}
.submit-form .sm:after {
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.submit-form label, .submit-form .note {
font-size: 14px;
}
.submit-form .note {
color: #6d6d6d;
}
.submit-form .divide {
padding: 0;
margin-bottom: 0;
}
.info-panel {
float: left;
padding: 20px 6.010928961749%;
width: 87.978142076502%;
background: #f0f0ed;
margin-bottom: 20px;
}
.info-panel ul {
padding: 0;
margin-left: 0.5em;
}
.info-panel h3 {
border-bottom: 1px solid #fff;
margin: 0 0 20px 0;
padding: 0 0 10px 0;
}
table.gsc-search-box td {
/*background: #33363b;
padding: 15px;*/
}
input.gsc-input {
padding: 10px 15px !important;
font-size: 24px;
}
td.gsc-clear-button {
width: 20px !important;
}
.gsc-tabsArea {
background: #3b8dbd;
padding: 0;
}
.gsc-tabHeader.gsc-tabhInactive.gsc-inline-block, .gsc-tabHeader.gsc-inline-block.gsc-tabhActive {
padding: 10px 20px;
background: #3b8dbd;
border: none;
border-right: 1px solid #fff;
margin-top: 0;
-o-transition: all 0.25s ease-in;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
}
.gsc-tabHeader.gsc-inline-block {
color: #fff !important;
}
.gsc-tabHeader.gsc-inline-block.gsc-tabhActive, .gsc-tabHeader.gsc-tabhInactive.gsc-inline-block:hover {
background: #56a6d4;
-o-transition: all 0.25s ease-in;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
}
.gsc-tabHeader.gsc-tabhInactive:last-of-type {
display: none;
}
.gsc-result-info-container {
background: #3B8DBD;
float: left;
width: 100%;
margin-top: -12px;
}
.gsc-result-info {
color: #fff !important;
}
.page-template-template-search-php article {
position: relative;
}
.gsc-webResult .gsc-result {
padding: 20px 0;
}
.gsc-control-cse, .gsc-control-cse .gsc-table-result {
font-size: 14px !important;
}
#cse * {
font-family: "TitilliumRegular", Arial, Helvetica, sans-serif;
}
.gsc-clear-button {
display: none;
}
.gs-title a, .gs-title a, .gs-title b, .gs-result .gs-title, .gs-result .gs-title * {
font-size: 20px !important;
color: #343434 !important;
border: none !important;
text-decoration: none !important;
}
.gs-title a:hover, .gs-title a:hover, .gs-title b:hover, .gs-result:hover .gs-title:hover, .gs-result:hover .gs-title *:hover, .gs-bidi-start-align.gs-visibleUrl.gs-visibleUrl-short {
color: #d24d33 !important;
-o-transition: all 0.25s ease-in;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
}
.gsc-cursor {
float: left;
width: 100%;
text-align: center;
padding: 20px;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
text-decoration: none !important;
margin-left: 10px;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page:first-child {
margin-left: 0;
}
table.gsc-branding, table.gcsc-branding {
float: left;
}
.authors .author-bio {
margin-top: 20px;
text-align: center;
padding: 40px 0;
border: none;
}
.authors .author-bio img {
float: none;
margin: 0;
}
.authors .the-article .author-bio img {
width: auto;
height: auto;
}
.authors .author-bio span {
display: block;
}
.authors .author-bio span.author-links, .authors .the-article .author-bio p {
text-align: center;
}
.author-social {
margin-top: 45px;
padding-top: 20px;
border-top: 1px solid #fff;
}
.author-social a {
float: none;
}
.author-social a:first-of-type {
margin-left: 0;
}
section.pagenotfound {
float: left;
width: 100%;
min-height: 700px;
background-image: url(assets/img/404-320.jpg);
background-position: -2px -2px;
background-repeat: no-repeat;
background-size: cover;
}
a.search-top {
background: url(assets/img/search.png) 50% 50% no-repeat;
display: inline-block;
width: 48px;
text-indent: -9999em;
border-left: 1px solid #5c5d5f;
}
a:hover.search-top, a.search-top.active {
background-color: #33363b;
}
.search-top {
position: relative;
}

a.home-top {
background: url(assets/img/icon-home.png) 50% 43% no-repeat;
display: inline-block;
width: 38px;
text-indent: -9999em;

}

a:hover.home-top, a.home-top.active {
background-color: #33363b;
}
.home-top {
position: relative;
}
.search-top-reveal {
position: absolute;
top: 50px;
left: -99999em;
z-index: 2;
background: #33363b;
width: 280px;
padding: 15px;
box-shadow: 2px 2px 2px rgba(0,0,0,0.15);
}
.search-top-reveal.active {
right: -7px;
left: auto;
}
.search-top-reveal form input {
width: 62%;
margin-right: 10px;
}
.choice-categories {
position: relative;
z-index: 4;
}
.choice-categories ul {
position: absolute;
top: 56px;
left: -999999em;
background: #56a6d4;
text-transform: capitalize;
width: 172px;
padding: 14px !important;
}
.choice-categories ul.active {
left: 4px;
}
.choice-categories ul li {
display: block;
padding: 0;
line-height: 1em;
margin-top: 0.75em !important;
}
.choice-categories ul li:first-child {
margin-top: 0 !important;
}
.choice-categories ul li a {
padding-left: 30px !important;
height: auto;
}
.choice-categories ul li a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
.choice-categories .head-title.active {
}
.head .choice-categories .head-title {
padding: 0;
margin: 0;
}
.head .choice-categories .head-title a, .head .choice-categories .head-title a.selected {
float: left;
display: inline-block;
padding: 16px 25px 16px 16px;
margin-left: 4px;
background: url(assets/img/arrow-down.png) 93% 45% no-repeat;
}
.head .choice-categories .head-title a.active {
background-color: #56a6d4;
}
.social-share {
position: relative;
display: inline-block;
float: right;
}
.social-share a {
position: relative;
z-index: 7;
}
.btn.share.active {
border-bottom: #E2563A;
background-color: #e2563a;
}
a.btn.share {
-o-transition: border 0s ease-in;
-webkit-transition: border 0s ease-in;
-moz-transition: border 0s ease-in;
transition: border 0s ease-in;
}
.post-share {
position: absolute;
z-index: 5;
top: 31px;
left: -99999em;
width: 200px;
background: #E2563A;
padding: 10px;
margin: 0;
list-style-type: none;
border: 2px solid #b53c24;
text-align: left;
}
.post-share.active {
right: 7px;
left: auto;
}
.post-share li {
float: left;
width: 50%;
margin: 4px 0;
}
.post-share a, .post-share a:hover {
color: #fff;
text-transform: capitalize;
font-size: 16px;
}
.post-share a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
.post-share a {
background: url(assets/img/social-white.png) 0 0 no-repeat;
padding-left: 23px;
}
.post-share a.share-twitter {
background-position: 0 0;
}
.post-share a.share-facebook {
background-position: 0 -36px;
}
.post-share a.share-google {
background-position: 0 -152px;
}
.post-share a.share-pinterest {
background-position: 0 -72px;
}
.sharing .post-share.active {
right: 0;
}
.sharing .social-share {
margin-left: 10px;
}
.sharing .share-info {
float: right;
display: inline-block;
line-height: 40px;
}
.mobile-more, .more-more {
width: 46px;
height: 50px;
text-indent: none;
float: left;
margin-left: 6px;
background: url(assets/img/mobile.png) 50% 50% no-repeat;
display: inline-block;
text-indent: -9999em;
}
.more-more {
background: url(assets/img/arrow-grey.png) 50% 50% no-repeat;
border-left: 1px solid #5c5d5f;
position: absolute;
top: 0;
right: 50px;
}
.mobile-more:hover, .mobile-more.active, .more-more:hover, .more-more.active {
background-color: #33363b;
}
nav.mobile, .mobile ul ul, .mobile ul li:last-child, nav.more {
display: none;
}
nav.mobile, nav.more {
position: absolute;
top: 50px;
left: 0;
z-index: 6;
background: #33363b;
width: 90%;
padding: 20px 5% 10px 5%;
}
nav.mobile ul li, nav.more ul li {
border-bottom: 1px solid #5c5d5f;
line-height: 1em;
padding: 2px 0 8px 0;
margin: 6px;
display: block;
float: left;
width: 100%;
}
nav.mobile ul li.load-weird {
margin-bottom: 0;
border-bottom: none;
}
nav.mobile ul li a, nav.more ul li a {
color: #fff;
padding-left: 32px;
display: block;
}
nav.more ul li a {
padding-left: 0;
}
header .toolbar {
float: right;
display: inline-block;
}
header .logo {
float: left;
width: 140px;
margin: 15px 0 0 5px;
}
a.search-top {
padding: 13px 0;
}
a.home-top {

}
header .wrapper {
float: left;
width: 83%;
}



li.icon-shop,
li.icon-shop-him,
li.icon-shop-her,
li.icon-shop-special,
li.icon-shop-brainiacs,
li.icon-shop-quirky,
nav.mobile .load-shop {
background-image: url(assets/img/icons-shop.png);
background-repeat: no-repeat;
background-position: 6px 0;
}
li.icon-shop-him {
background-position: 6px -36px;
}
li.icon-shop-her {
background-position: 6px -73px;
}
li.icon-shop-special {
background-position: 6px -110px;
}
li.icon-shop-brainiacs {
background-position: 6px -146px;
}
li.icon-shop-quirky {
background-position: 6px -182px;
}





li.icon-entertainment,
li.icon-movies,
li.icon-pop,
li.icon-music,
li.icon-arts,
li.icon-gaming,
nav.mobile .load-entertainment {
background-image: url(assets/img/icons-entertainment.png);
background-repeat: no-repeat;
background-position: 6px 0;
}
li.icon-movies {
background-position: 6px -36px;
}
li.icon-pop {
background-position: 6px -73px;
}
li.icon-music {
background-position: 6px -110px;
}
li.icon-arts {
background-position: 6px -146px;
}
li.icon-gaming {
background-position: 6px -182px;
}
li.icon-science,
li.icon-animals,
li.icon-world,
li.icon-technology,
li.icon-space,
li.icon-humans,
nav.mobile .load-science {
background-image: url(assets/img/icons-science.png);
background-repeat: no-repeat;
background-position: 6px 0;
}
li.icon-animals {
background-position: 6px -36px;
}
li.icon-world {
background-position: 6px -73px;
}
li.icon-technology {
background-position: 6px -110px;
}
li.icon-space {
background-position: 6px -146px;
}
li.icon-humans {
background-position: 6px -182px;
}
li.icon-general,
li.icon-facts,
li.icon-misconceptions,
li.icon-books,
li.icon-history,
li.icon-miscellaneous,
nav.mobile .load-general {
background-image: url(assets/img/icons-general.png);
background-repeat: no-repeat;
background-position: 6px 4px;
}
li.icon-facts {
background-position: 6px -32px;
}
li.icon-misconceptions {
background-position: 6px -69px;
}
li.icon-books {
background-position: 6px -106px;
}
li.icon-history {
background-position: 6px -142px;
}
li.icon-miscellaneous {
background-position: 6px -178px;
}
li.icon-society,
li.icon-crime,
li.icon-politics,
li.icon-religion,
nav.mobile .load-society {
background-image: url(assets/img/icons-society.png);
background-repeat: no-repeat;
background-position: 6px 0;
}
li.icon-crime {
background-position: 6px -36px;
}
li.icon-politics {
background-position: 6px -73px;
}
li.icon-religion {
background-position: 6px -110px;
}
li.icon-lifestyle,
li.icon-food,
li.icon-sport,
li.icon-travel,
li.icon-health,
nav.mobile .load-lifestyle {
background-image: url(assets/img/icons-lifestyle.png);
background-repeat: no-repeat;
background-position: 6px 0;
}
li.icon-food {
background-position: 6px -36px;
}
li.icon-sport {
background-position: 6px -73px;
}
li.icon-travel {
background-position: 6px -110px;
}
li.icon-health {
background-position: 6px -146px;
}
li.icon-weird,
li.icon-bizarre,
li.icon-creepy,
li.icon-mysteries,
nav.mobile .load-weird {
background-image: url(assets/img/icons-weird.png);
background-repeat: no-repeat;
background-position: 6px 0;
}
li.icon-bizarre {
background-position: 6px -36px;
}
li.icon-creepy {
background-position: 6px -73px;
}
li.icon-mysteries {
background-position: 6px -110px;
}
a.mobile-tab {
float: left;
display: block;
width: 50%;
background: #25272a;
color: #fff;
font-size: 16px;
-o-transition: all 0.25s ease-in;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
text-align: center;
padding: 14px 0;
border-top: 1px solid #66686c;
}
a:hover.mobile-tab, a.mobile-tab.active {
background: #33363b;
-o-transition: all 0.25s ease-in;
-webkit-transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
}
.show {
display: block;
}
.hide {
display: none;
}
.navigation .wrapper {
float: left;
width: 100%;
}
.navigation {
text-align: center;
font-size: 150%;
}
.navigation ul {
padding: 0;
margin: 0;
list-style-type: none;
margin: 0 auto;
}
.navigation ul li {
display: inline;
margin-left: 10px;
}
.navigation ul li:first-child {
margin-left: 0;
}
.nav-next {
float: right;
}
.nav-previous {
float: left;
}
.nav-previous, .nav-next {
margin-top: -2.6em;
}
.error404 header {
padding-bottom: 0;
}
.pagenotfound-overlay {
float: left;
background: #000;
background: rgba(37,39,42,0.75);
width: 90%;
padding: 45px 5% 10px 5%;
color: #fff;
}
.pagenotfound-overlay h1 {
margin: 40px 0 0 0;
font-size: 36px;
color: #d24e33;
}
.pagenotfound-overlay h2 {
font-size: 36px;
color: #81b964;
margin-top: 25px;
}
.pagenotfound-overlay article {
float: left;
width: 100%;
margin: 0 0 18px 0;
padding-bottom: 18px;
border-bottom: 1px solid #fff;
}
.pagenotfound-overlay article img {
float: left;
margin-right: 10px;
}
.pagenotfound-foot {
margin-bottom: 50px;
}
.pagenotfound-overlay article a, .pagenotfound-overlay article time {
color: #fff;
}
.pagenotfound-overlay article a.title-category {
color: #d24e33;
}
.adman {
float: left;
width: 100%;
padding: 0px 0;
text-align: center;
}



#thanks-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
display: none;
}
.submit-thanks {
margin: 17% auto 0 auto;
border: 2px solid #d9d9d9;
background: #f0f0ed;
width: 316px;
padding: 0 0 30px 0;
text-align: center;
}
.submit-thanks h5 {
padding-top: 158px;
background: url(assets/img/smile.png) 50% 64px no-repeat;
}
.submit-thanks a.btn {
margin-top: 45px;
font-size: 18px;
}
.post-thumb {
display: block;
text-align: center;
padding: 10px 0 30px;
}
.post-thumb img {
width: 50%;
}
.authors .author-bio {
margin-bottom: 40px;
}
.authors .the-article .author-bio p {
padding-left: 20px;
padding-right: 20px;
}

/* #######################################################################

	4.	Tablet Portrait Layout

####################################################################### */

@media screen and (min-width: 768px) {
.page-template-default .new.the-article article {
min-height: 700px;
}
.post-thumb img {
width: auto;
}
body {
font-size: 18px;
}
.itemheading + p {
margin-top: 0;
}
.wrapper, header .wrapper {
width: 100%;
margin: 0 auto;
transition: width .5s linear;
-o-transition: width .5s linear;
-moz-transition: width .5s linear;
-webkit-transition: width .5s linear;
}
header .logo {
float: none;
position: absolute;
top: 0;
left: 60px;
}

time {

font-size: 14px;
}


a.search-top {
/*width: 58px;*/
}
a.home-top {

}
.search-top-reveal.active {
right: 0;
}
.search-top-reveal form input {
width: 77%;
}

.single-article-only
{
	margin-top: 20px!important;
}

.fp-comments-known
{
	margin-Top: 12px;
}

.fp-comments-unknown
{
 margin-Top: 9px;
}


.column.menu, .current, .head .random, .head .share, .the-article .head .head-title, .show, .hide, .toolbar .follow-top {
display: block;
}
.top-nav, .single .current, .mobile-tabs, nav.more, a.more-more {
display: none;
}
header .toolbar {
width: 35%;
}
a.search-top {
float: right;
padding: 12px 0;
}



.mobile-top-image
{
	display: none;
}

a.search-home {
float: left;
padding: 12px 0;
}

/*
.new article, .current article, .picks article, .asides, .new.the-article .author-articles article {
margin: 20px 3% 0 3%;
}*/


a.follow {
padding: 3px 0;
}
.mobile-more {
position: absolute;
top: 0;
left: 0;
}
.ga {
float: right;
width: 100%;
display: inline-block;
text-align: center;
}

.gaadman {
    margin-top:30px;
    padding-top:25px;
    border-top: 1px solid #dddddb;
}

.ga.rect {
display: block;
border-top: 1px solid #66686c;
background: #33363b;
padding: 32px 0 26px 0;
}
.ga.rect.in-footer {
float: left;
width: 100%;
padding: 20px 0;
background: none;
border: none;
}
.ga.square {
float: left;
width: 100%;
display: block;
padding: 10px 0 0 0;
margin: 0;
text-align: center;
}
.search-top-reveal {
width: 475px;
}
.current {
float: left;
width: 41.796875%;
margin: 0;
}
.new, .authors .new.the-article {
width: 58.203125%;
margin: 0;
}
.toolbar {
background: #26272b;
}
.toolbar .follow-top {
float: right;
}
.follow-top {
position: relative;
}
.follow-reveal {
position: absolute;
top: 45px;
left: -999999em;
width: 515px;
border: 2px solid rgba(0,0,0,0.15);
border-top: none;
color: #9a9a9a;
font-size: 14px;
background: #33363b;
z-index: 8;
}
.follow-reveal.active {
right: 0;
left: auto;
}
.follow-reveal ul {
float: right;
background: #33363b;
margin: 0;
padding: 0;
list-style-type: none;
width: 135px;
}
.follow-reveal label {
color: #4d4d4d;
font-size: 14px;
float: left;
margin: 8px 10px 0 0;
}
.follow-reveal input {
float: left;
margin: 10px 6px 0 0;
}
.follow-reveal ul li {
display: block;
width: 100%;
float: left;
}
.follow-reveal ul a {
text-indent: 0 ;
}
.follow-submit {
float: left;
width: 100%;
margin: 10px 0;
}
.inbox-top {
float: left;
width: 350px;
padding: 15px;
background: #f0f0ed;
}
.inbox-top a, .inbox-top label.mainlabel {
color: #d24d33 !important;
}
.inbox-top a:hover {
color: #4d4d4d !important;
}
.inbox-top label.mainlabel {
padding-left: 24px;
background: url(assets/img/email.png) 0 2px no-repeat;
}
.follow-reveal ul {
margin-top: 28px;
}
.follow-reveal ul li a {
background: url(assets/img/social-white.png) 0 3px no-repeat;
margin-bottom: 10px;
padding-left: 30px;
font-size: 16px;
}
.follow-reveal ul li a.twitter {
background-position: 0 3px;
}
.follow-reveal ul li a.facebook {
background-position: 0 -34px;
}
.follow-reveal ul li a.pinterest {
background-position: 0 -70px;
}
.follow-reveal ul li a.rss {
background-position: 0 -108px;
}
.follow-top {
background: url(assets/img/arrow-topnav.png) 94% 50% no-repeat;
padding: 10px 20px 10px 0;
}
.follow-top:hover, .follow-top.active {
background-color: #33363b;
}
.follow-top .follow {
background: url(assets/img/social-white-horiz.png) 10px 40% no-repeat;
padding-left: 45px;
display: inline-block;
}
footer {
padding-top: 40px;
}
footer nav ul li {
margin: 0.25em 0;
}
footer .column {
float: left;
width: 35.82967032967%;
margin-left: 8.653846153846%;
}
footer .column.copyright {
margin-left: 0;
}
footer .column.menu {
width: 22.32967032967%;
}
.new.the-article, .new.the-article.full-width {
width: 100%;
}
.new.the-article article, .asides-holder {
width: 82.291666666667%;
margin-left: 8.59375%;
}
.the-article h2 span, .the-article .itemheading span {
width: 70px;
height: 70px;
line-height: 70px;
}
.asides aside {
margin: 0 3.164556962025%;
width: 43.264659270998%;
}
.new.the-article .author-articles {
float: left;
width: 82.291666666667%;
margin-left: 8.59375%;
}
.new.the-article .author-articles article {
width: 100%;
margin-left: 0;
border-bottom: 1px solid #dddddb;
}
.author-bio {
text-align: left;
}
.author-bio span.author a {
margin-top: 10px;
display: inline;
}
.author-bio img {
float: left;
margin-right: 3.486529318542%;
}
.the-article .itemheading p {
padding: 0;
margin: 0;
}
.one_half {
width:48%;
}
.one_third {
width:30.66%;
}
.two_third {
width:65.33%;
}
.one_fourth {
width:22%;
}
.three_fourth {
width:74%;
}
.one_fifth {
width:16.8%;
}
.two_fifth {
width:37.6%;
}
.three_fifth {
width:58.4%;
}
.four_fifth {
width:67.2%;
}
.one_sixth {
width:13.33%;
}
.five_sixth {
width:82.67%;
}
.one_half,
 .one_third,
 .two_third,
 .three_fourth,
 .one_fourth,
 .one_fifth,
 .two_fifth,
 .three_fifth,
 .four_fifth,
 .one_sixth,
 .five_sixth {
position:relative;
margin-right:4%;
float:left;
}
.last {
margin-right:0 !important;
clear:right;
}
.clearboth {
clear:both;
display:block;
font-size:0;
height:0;
line-height:0;
width:100%;
}
section.pagenotfound {
background-image: url(assets/img/404-768.jpg);
}
.pagenotfound-overlay {
float: right;
width: 350px;
padding-left: 20px;
padding-right: 20px;
}
.gsc-result-info-container {
float: right;
width: auto;
margin-right: 20px;
margin-top: -53px;
}

/* #######################################################################

	4.1.	Typography & Text colours

####################################################################### */

footer h5 {
text-transform: uppercase;
}
footer h5 {
color: #d24d33;
font-size: 18px;
}
footer nav a {
color: #343434;
}
.the-article .title-category {
font-size: 16px;
}
.the-article h1, .the-article h2 span, .the-article .itemheading span {
font-size: 52px;
}
.the-article h2, .the-article .itemheading {
font-size: 28px;
line-height: 1.1;
}
.author-bio {
font-size: 16px;
}
}

/* #######################################################################

	5.	Desktop Layout

####################################################################### */

@media screen and (min-width: 1024px) {
.ga.rect {
width: auto;
}
.ga.rect.in-footer {
padding-top: 0;
}
a.search-top {
padding: 10px 0;
}
a.home-top {
padding: 10px 0;
}
.mobile, .mobile-more, .error404 .logo {
display: none;
}
.top-nav, .toolbar nav, .picks, footer .column.social, .single .current, .right-col, .toolbar .follow-top, .page-template .current {
display: block;
}
header .toolbar {
/*position: fixed;
top: 0;
left: 0;
z-index: 99;
*/
}
.ipad header .toolbar {
position: relative;
top: auto;
left: auto;
}
header {
background: #33363b;
/*padding-top: 36px;	*/
padding-bottom: 46px;
}
.ipad header {
padding-top: 0;
padding-bottom: 56px;
}
.wrapper, header .wrapper {
float: none;
width: 978px;
margin: 0 auto;
}
header wrapper, footer .wrapper {
width: 940px;
}
header .toolbar {
float: left;
width: 100%;
border-bottom: 1px solid #66686c;
}
ul#menu-main {
margin-left: 10px;
}
.toolbar nav ul li {
display: inline;
}
.search-top-reveal {
top: 45px;
}
.toolbar .search-top {
float: right;
}
.toolbar .home-top {
float: left;
}

a.follow {
padding: 0;
}
header img.logo {
position: relative;
top: auto;
left: auto;
width: 190px;
height: auto;
margin: 62px 0 62px 2.044989775051%;
}
.ga.rect {
float: right;
margin-right: 2.044989775051%;
margin-top: 34px;
padding: 0;
border: none;
display: inline-block;
}
.main {
float: left;
width: 100%;
margin-bottom: 0;
background: #f0f0ed;
margin-top: -56px;
}
.current {
width: 32.822085889571%;
}
.new {
width: 33.640081799591%;
}
.picks, .author-bio {
width: 33.537832310838%;
}
article .author-bio {
width: 100%;
}
.picks, .author-bio {
float: left;
}
.picks .head {
background: #82b964;
}
.new article, .new .pagination {
margin-left: 6.079027355623%;
margin-right: 6.079027355623%;
width: 87.841945288754%;
}
.picks article {
margin-left: 6.09756097561%;
margin-right: 6.09756097561%;
width: 87.80487804878%;
}
footer .column {
width: 26.944680851064%;
margin-left: 7.717021276596%;
}
footer .column.menu, footer .column.menu-2, footer .column.social {
width: 15.531914893617%;
}
footer .column.social {
float: right;
}
footer .column.social ul, footer .column.social ul li {
padding: 0;
margin: 0;
list-style-type: none;
display: inline-block;
}
footer .column.social ul li {
margin-left: 17px;
}
footer .column.social ul li:first-child {
margin-left: 0;
}
.new.the-article, .authors .new.the-article {
width: 67.177914110429%;
}
.new.the-article article, .asides-holder {
margin-left: 4.474272930649%;
margin-right: 4.474272930649%;
width: 91.051454138702%;
}
.new.the-article.full-width article {
margin-left: 1.4306151645205%;
margin-right: 1.4306151645205%;
width: 97.138769670959%;
}
.about-content {
float: left;
width: 65.979381443299%;
margin-bottom: 0;
}
.about-staff {
float: right;
width: 31.811487481591%;
}
.about-staff .profile {
width: 100%;
}
section.pagenotfound {
background-image: url(assets/img/404-1024.jpg);
}
section.pagenotfound .inner {
float: left;
width: 100%;
margin: 0;
padding: 0;
min-height: 1900px;
}

.contributor
{
	display: none;
}

/* #######################################################################

	5.1. Plugin - Superfish

####################################################################### */

nav.top-nav ul ul {
position: absolute;
top: -999em;
width: 13em;
text-align: left;
z-index: 3;
background: #33363b;
padding: 20px 10px 10px 10px;
margin-top: 8px;
height: 221px;
border: 2px solid rgba(0,0,0,0.15);
border-top: none;
}
nav.top-nav ul ul ul {
margin-top: 4px;
}
nav.top-nav ul ul li {
width: 100%;
float: left;
display: block;
line-height: 1em;
margin: 0.25em 0;
}
nav.top-nav ul li:hover {
visibility: inherit;
}
nav.top-nav ul li,
nav.top-nav ul a {
position: relative;
}
nav.top-nav ul li:hover ul,
 nav.top-nav ul li.sfHover ul {
left: 0;
top: 1.5em;
z-index: 99;
}
nav.top-nav ul li:hover ul li ul,
 nav.top-nav ul li.sfHover ul li ul {
left: 14em;
}
nav.top-nav ul li:hover ul ul {
left: 13em;
}
nav.top-nav ul li:hover li ul,
 nav.top-nav ul li.sfHover li ul {
top: -999em;
}
nav.top-nav ul li li:hover ul,
 nav.top-nav ul li li.sfHover ul {
left: 7em;
top: 0;
}
nav.top-nav ul li li:hover li ul,
 nav.top-nav ul li li.sfHover li ul {
top: -999em;
}
nav.top-nav li.sfHover a {
text-decoration: none;
}
nav.top-nav ul ul li a, nav.top-nav li.sfHover li a {
text-decoration: none;
background: none;
color: #fff;
}
nav.top-nav ul li ul li a {
text-decoration: none;
padding: 0;
display: block;
background: none;
border-bottom: none;
}
nav.top-nav ul ul li:first-child a {
padding: 0;
border-top: none;
}
nav.top-nav ul ul a:hover {
text-decoration: underline;
}
nav.top-nav {
float: left;
width: 810px;
}
nav.top-nav ul li a {
padding: 10px 20px 10px 8px;
margin-right: 0;
display: inline-block;
background: url(assets/img/arrow-topnav.png) 93% 50% no-repeat;
}
nav.top-nav ul li a:hover, nav.top-nav ul li.sfHover a {
background-color: #33363b;
}
nav.top-nav ul li ul li a, nav.top-nav ul li.sfHover ul li a {
display: inline;
width: auto;
padding-right: 14px;
background: url(assets/img/arrow-double.png) 100% 57% no-repeat;
text-decoration: none;
}
nav.top-nav ul li ul li a:hover, nav.top-nav ul li.sfHover ul li a:hover {
color: #8d8e92;
}
nav.top-nav ul li ul li {
padding: 2px 0 10px 33px;
margin: 4px 0 4px 0;
}
nav.top-nav ul ul li.nav-posts {
position: absolute;
top: 0;
right: -350px;
width: 350px;
height: 100%;
padding: 0;
margin: 0;
background: #f0f0ee;
border: 2px solid rgba(0,0,0,0.15);
border-top: none;
}
nav.top-nav ul li:last-of-type ul li.nav-posts {
display: none;
}
nav.top-nav ul li ul li.nav-posts article {
float: left;
height:auto;
padding: 0 0 10px 0;
margin: 20px 20px 0 20px;
border-bottom: 1px solid #fff;
width: 320px;
}
nav.top-nav ul li ul li.nav-posts article a {
float: none;
padding: 0;
margin: 0;
display: inline;
background: none;
}
nav.top-nav ul li ul li.nav-posts article img {
float: left;
margin-right: 10px;
}
nav.top-nav ul li ul li.nav-posts article * {
font-size: 16px !important;
}
nav.top-nav ul li ul li.nav-posts article .meta *, nav.top-nav ul li ul li.nav-posts article .title-category {
font-size: 12px !important;
}
nav.top-nav ul li ul li.nav-posts article h3 a {
color: #343434;
}
nav.top-nav ul li ul li.nav-posts article .title-category, nav.top-nav ul li ul li.nav-posts article h3 a:hover {
color: #d24d33;
}
nav.top-nav ul li.load-entertainment ul {
width: 11em;
}
nav.top-nav ul li.load-science ul {
width: 11.75em;
}
nav.top-nav ul li.load-society ul {
width: 7.75em;
}
nav.top-nav ul li.load-lifestyle ul {
width: 8.5em;
}
nav.top-nav ul li.load-weird ul {
width: 8em;
}
nav.top-nav ul li.load-none ul {
width: 8em;
height: auto;
}
nav.top-nav ul li.load-none ul li {
padding-left: 0;
}
nav.top-nav ul li.load-none ul li {
padding-left: 0;
}
nav.top-nav ul li.load-none ul li a {
background: none !important;
padding-right: 0;
}


/* #######################################################################

	5.2.	Typography & Text colours

####################################################################### */

header {
font-size: 16px;
}
.picks span.author a, .picks time, .picks .title-category {
font-size: 14px;
}
}

/* #######################################################################

	6.	Enhanced Layout

####################################################################### */

@media screen and (min-width: 1440px) {
.wrapper {
transition: width .5s linear;
-o-transition: width .5s linear;
-moz-transition: width .5s linear;
-webkit-transition: width .5s linear;
}
.wrapper {
width: 1398px;
}
header .wrapper, footer .wrapper {
width: 1358px;
}
.current {
width: 22.961373390558%;
}
.new {
width: 48.068669527897%;
}
.new.the-article, .authors .new.the-article {
width: 77.038626609442%;
}
.new article, .new.the-article .author-articles article {
margin-left: 20px;
margin-right: 0;
width: 45.669340974212%;
float: left;
min-height: 315px;
}
.new article.lead, .new.the-article article, .page-template-template-search-php .new.the-article article, .new.the-article .author-articles article.lead {
width: 94.338681948424%;
}
.new.the-article article {
margin-left: 20px;
margin-right: 20px;
width: 58.791863765374%;
}
.authors .new.the-article .author-articles {
float: left;
width: 58.791863765374%;
margin-left: 20px;
margin-right: 20px;
}
.new .pagination {
width: 91.338681948424%;
margin-left: 20px;
margin-right: 0;
}
.picks {
width: 28.969957081545%;
}
footer .column {
width: 18.655786350148%;
margin-left: 6.454005934718%;
}
footer .column.menu, footer .column.menu-2, footer .column.social {
width: 20.178041543027%;
}
.asides-holder, .authors .author-bio, .ga.more {
width: 35.747446610956%;

margin-left: 0;
margin-right: 0;
}
.new.the-article {
position: relative;
}
.ga.more {
margin-top: 42px;
float: left;
}
.article-wrapper {
  width: 100%;
  display: inline-block;
}
.asides-holder.sticky {
float: left;
position: sticky;
top: 0px;
}
ul#menu-main {
margin-left: -10px;
}
.asides .head {
text-align: left;
padding-top: 6px;
}
.asides .head .head-title {
padding-left: 20px;
}
.asides aside {
width: 88.831168831169%;
margin: 0 5.5844155844155%;
}
section.pagenotfound {
background-image: url(assets/img/404-1400.jpg);
}
.ga.rect {
margin-top: 40px;
}
header img.logo {
width: 340px;
margin-left: 0;
}


#google_ads_iframe_/9649879/lv-mobile-top-fp_0__container__ {
	padding-top: 20px!important;
}
#google_ads_iframe_/9649879/LV-Mobile-FP-BOTTOM_0__container__
{
	padding-top: 20px!important;
}
#google_ads_iframe_/9649879/LV-Mobile-FP-LAST_0__container__ {
	padding-top: 20px!important;
}

/* #######################################################################

	6.1.	Typography & Text colours

####################################################################### */

header {
font-size: 16px;
}
.new article.lead .title-category {
font-size: 16px;
}
.new article.lead h3 {
font-size: 36px;
}
}

/* #######################################################################

	7.	Retina and High DPI Devices

####################################################################### */

@media only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 1.5/1),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
.submit-thanks h5 {
background-image: url(assets/img/smile@2x.png);
background-size: 80px 80px;
}
nav.top-nav ul li ul li a, nav.top-nav ul li.sfHover ul li a {
background-image: url(assets/img/arrow-double@2x.png);
background-size: 9px 7px;
}
.post-share a, .follow-reveal ul li a {
background-image: url(assets/img/social-white@2x.png);
background-size: 19px 169px;
}
.follow-top .follow {
background-image: url(assets/img/social-white-horiz@2x.png);
background-size: 35px 16px;
}
a.share, span.btn a.share {
background-image: url(assets/img/share@2x.png);
background-size: 16px 16px;
}
a.search-top {
background-image: url(assets/img/search@2x.png);
background-size: 18px 18px;
}

a.home-top {
background-image: url(assets/img/icon-home@2x.png);
background-size: 18px 18px;
}

.inbox-top label.mainlabel {
background-image: url(assets/img/email@2x.png);
background-size: 16px 16px;
}
.head .choice-categories .head-title a, .head .choice-categories .head-title a.selected {
background-image: url(assets/img/arrow-down@2x.png);
background-size: 8px 8px;
}
.mobile-more {
background-image: url(assets/img/mobile@2x.png);
background-size: 16px 16px;
}
.more-more {
background-image: url(assets/img/arrow-grey@2x.png);
background-size: 6px 6px;
}
.follow-top, nav.top-nav ul li a {
background-image: url(assets/img/arrow-topnav@2x.png);
background-size: 6px 6px;
}
footer .social a, .twitter, .facebook, .pinterest, .rss {
background-image: url(assets/img/social-footer@2x.png);
background-size: 168px 56px;
}
.current .head .choice-recent a, .current .head .choice-popular a {
background-image: url(assets/img/popular@2x.png);
background-size: 77px 16px;
}
li.icon-entertainment,
li.icon-movies,
li.icon-pop,
li.icon-music,
li.icon-arts,
li.icon-gaming,
nav.mobile .load-entertainment {
background-image: url(assets/img/icons-entertainment@2x.png);
background-size: 17px 197px;
}
li.icon-science,
li.icon-animals,
li.icon-world,
li.icon-technology,
li.icon-space,
li.icon-humans,
nav.mobile .load-science {
background-image: url(assets/img/icons-science@2x.png);
background-size: 17px 201px;
}
li.icon-general,
li.icon-facts,
li.icon-misconceptions,
li.icon-books,
li.icon-history,
li.icon-miscellaneous,
nav.mobile .load-general {
background-image: url(assets/img/icons-general@2x.png);
background-size: 16px 195px;
}
li.icon-society,
li.icon-crime,
li.icon-politics,
li.icon-religion,
nav.mobile .load-society {
background-image: url(assets/img/icons-society@2x.png);
background-size: 17px 127px;
}
li.icon-lifestyle,
li.icon-food,
li.icon-sport,
li.icon-travel,
li.icon-health,
nav.mobile .load-lifestyle {
background-image: url(assets/img/icons-lifestyle@2x.png);
background-size: 17px 163px;
}
li.icon-weird,
li.icon-bizarre,
li.icon-creepy,
li.icon-mysteries,
nav.mobile .load-weird {
background-image: url(assets/img/icons-weird@2x.png);
background-size: 16px 126px;
}
}

/* #######################################################################

	8.	Print

####################################################################### */

@media print {
 @import "print.css";
}


@media screen and (min-width: 768px) {
  .shFB {
    content:url("/share/sh_fb.gif");
    height: 42px!important;
    width: 115px!important;
  }


  .shTW {
    content:url("/share/sh_tw.gif");
    height: 42px!important;
    width: 97px!important;
  }


  .shGO {
    content:url("/share/sh_go.gif");
    height: 42px!important;
    width: 108px!important;
  }

  .shSU {
    content:url("/share/sh_su.gif");
    height: 42px!important;
    width:136px!important;
  }

  .shPI {
    content:url("/share/sh_pi.gif");
    height: 42px!important;
    width: 110px!important;
  }
}

.avatar-35 {
	max-width: 35px;
    max-height: 35px;
    border-radius: 50%;
    float: left;
    margin-right: 5px;
    margin-top:5px;
}

p:empty {
  display: none;
}

.crp_related {
  clear: both;
}

.crp_related h3 {
  padding-top: 20px;
  padding-bottom: 10px;
}

.crp_related ul {
  margin-left: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

.crp_related li a {
  height: 100%;
  display: flex;
  flex-direction: column;
  border-bottom: 4px solid #3b8dbd;
  background: #f0f0ed;
}

.crp_related li img {
  width: 100%;
  display: block;
}

.crp_related .crp_title {
  margin-top: auto;
  margin-bottom: auto;
  padding: 10px 15px;
  display: block;
  color: #343434;
  text-align: center;
  transition: color ease-in 0.25s;
}

.crp_related li a:hover .crp_title {
  color: #d24d33;
}

/* #######################################################################

	9.	Sections

####################################################################### */
.section {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
}

/* #######################################################################

	10.	Backgrounds

####################################################################### */
.bg-white {
    background: #fff;
}

.bg-beige {
    background: #f0f0ed;
}

.bg-white + .bg-white,
.bg-beige + .bg-beige {
    padding-top: 0;
}

/* #######################################################################

	11. Grid

####################################################################### */
.grid {
    display: flex;
    flex-wrap: wrap;
}

.grid--spaced-hoz .grid__col:not(:last-of-type) {
    margin-right: 4%;
}

.grid--spaced-hoz .grid__col--4 {
    width: calc((100% / 12 * 4) - (4% * (12 - 4) / 12));
}

.grid--spaced-hoz .grid__col--4:nth-of-type(3n+3) {
    margin-right: 0;
}

.grid--spaced-vert .grid__col--4:nth-child(n+4) {
    margin-top: 8%;
}

.grid--spaced-hoz .grid__col--2 {
    width: calc((100% / 12 * 2) - (4% * (12 - 2) / 12));
}

.grid--spaced-hoz .grid__col--2:nth-of-type(6n+6) {
    margin-right: 0;
}

.grid--spaced-vert .grid__col--2:nth-child(n+7) {
    margin-top: 4%;
}

/* #######################################################################

	12.	Text styles

####################################################################### */
.txt-styles h1,
.txt-styles h2,
.txt-styles h3,
.txt-styles h4,
.txt-styles h5,
.txt-styles h6 {
    font-family: "TitilliumMedium", Arial, Helvetica, sans-serif;
}

.txt-styles h1 + *,
.txt-styles h2 + *,
.txt-styles h3 + *,
.txt-styles h4 + *,
.txt-styles h5 + *,
.txt-styles h6 + * {
    margin-top: 1em;
}

.txt-styles p + p {
    margin-top: 1em;
}

.txt-center {
    text-align: center;
}

.txt-bold {
    font-family: "TitilliumMedium", Arial, Helvetica, sans-serif;
}

.txt-dark {
    color: #343434;
}

/* #######################################################################

	13.	Core template sections

####################################################################### */
/* Helpers */
.img-full {
    width: 100%;
    display: block;
}

/* Text columns */
.txt-cols__item-title {
    display: flex;
}

.txt-cols__item-title img {
    max-width: 22px;
    flex-shrink: 0;
    margin-right: 15px;
}

.txt-cols__item-title h3 {
    align-self: center;
    margin-top: 0;
}

.txt-cols__item-txt {
    margin-top: 1em;
}

/* Logos */
.logos {
    justify-content: center;
}

.logos__item-link {
    display: block;
}

.logos__item img {
    max-width: 120px;
    margin-left: auto;
    margin-right: auto;
}

/* Statistics */
.stats {
    display: flex;
    flex-wrap: wrap;
}

.stats__item-number {
    display: block;
    margin-bottom: 10px;
    color: #d24d33;
}

.stats__item-txt {
    display: flex;
}

.stats__item-txt img {
    max-width: 35px;
    flex-shrink: 0;
    margin-right: 15px;
}

.stats__item-txt p {
    align-self: center;
}

/* Team */
.team__item-top {
    display: flex;
    align-items: center;
}

.team__item-img {
    flex-shrink: 0;
    margin-right: 15px;
}

.team__item-img img {
    max-width: 80px;
    border-radius: 100%;
}

.team__item-details h4 {
    color: #6d6d6d;
}

.team__item-details h3 + h4 {
    margin-top: 5px;
}

h4 + .team__item-social {
    margin-top: 8px;
}

.team__item-social {
    display: flex;
    align-items: center;
}

.team__item-social a {
    display: flex;
}

.team__item-social svg {
    width: 15px;
    height: 15px;
}

.team__item-social a + a {
    margin-left: 10px;
}

.team__item-txt {
    margin-top: 1em;
}

/* Contact */
.form-row + .form-row {
    margin-top: 25px;
}

.form-row label {
    display: block;
    margin-bottom: 5px;
    font-family: "TitilliumMedium", Arial, Helvetica, sans-serif;
    color: #343434;
}

.form-row input,
.form-row textarea {
    width: calc(100% - 2px - 30px); /* Full width minus border and padding */
    border: 1px solid #dddddd;
    transition: border-color ease 0.25s;
}

.form-row input:focus,
.form-row textarea:focus {
    border-color: #343434;
    outline: none;
}

.form-row input,
.form-row textarea,
.form-row button {
    -webkit-appearance: none;
}

.form-row input {
    height: 56px;
    padding-left: 15px;
    padding-right: 15px;
}

.form-row textarea {
    min-height: 200px;
    padding: 15px;
    resize: vertical;
    line-height: 150%;
}

.form-row--hidden {
    display: none;
}

.form-row--btn {
    display: flex;
    justify-content: center;
}

.form-row--btn button {
    padding: 25px 40px 20px;
    border: none;
    line-height: 100%;
}

/* #######################################################################

	14.	2021 Article Updates

####################################################################### */
/* Fact Checked */
.the-article .xauthor-bio__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.the-article .fact-checked {
    display: flex;
}

.the-article .fact-checked .fact-checked__txt {
    align-self: center;
}

.the-article .fact-checked .fact-checked__icon {
    display: flex;
    align-items: center;
    padding-bottom: 5px;
    margin-right: 10px;
}

.the-article .xauthor-bio__inner .author-top-known {
    margin-right: 15px;
}

/* About Call To Action */
.tab-popular .about-cta {
    float: left;
    margin: 20px 6.230529595016% 0;
}

.tab-popular .about-cta__inner {
    padding: 20px 6.230529595016%;
    background: #fff;
}

.tab-popular .about-cta__title {
    position: relative;
    display: flex;
    justify-content: center;
}

.tab-popular .about-cta__title:before {
    content: "";
    width: 100%;
    height: 3px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%) translateY(-2px);
    background: #d24d33;
}

.tab-popular .about-cta__title h3 {
    display: inline-block;
    position: relative;
    padding-left: 5px;
    padding-right: 5px;
    background: #fff;
    font-size: 18px;
}

.tab-popular .about-cta__name {
    margin-top: 20px;
    font-size: 18px;
    color: #343434;
}

.tab-popular .about-cta__position {
    font-size: 12px;
}

.tab-popular .about-cta__img {
    max-width: 70px;
    margin: 20px 0 5px 5px;
    float: right;
}

.tab-popular .about-cta__img img {
    border-radius: 100%;
}

.tab-popular .about-cta__txt {
    margin-top: 10px;
    font-size: 14px;
}

.tab-popular .about-cta__link {
    display: inline-block;
    margin-top: 10px;
    font-size: 16px;
    color: #d24d33;
}

.gptslot {
    clear: both;
}

/* #######################################################################

	15.	Interactions

####################################################################### */
@media not all and (hover: none), (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    /* Logos */
    .logos__item-link {
        transition: opacity ease 0.25s;
    }

    .logos__item-link:hover {
        opacity: 0.5;
    }

    /* Team */
    .team__item-social a {
        transition: opacity ease 0.25s;
    }

    .team__item-social a:hover {
        opacity: 0.5;
    }

    /* Contact */
    .form-row input:hover,
    .form-row textarea:hover {
        border-color: #343434;
    }

    /* About Call To Action */
    .tab-popular .about-cta__link {
        transition: color ease 0.25s;
    }

    .tab-popular .about-cta__link:hover {
        color: #6d6d6d;
    }
}

/* #######################################################################

	16.	Responsive

####################################################################### */
@media screen and (min-width: 1681px) {
    /* Spacing */
    .pv-large {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .pt-medium {
        padding-top: 60px;
    }

    .pb-medium {
        padding-bottom: 60px;
    }
}

@media screen and (max-width: 1680px) and (min-width: 1281px) {
    /* Spacing */
    .pv-large {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .pt-medium {
        padding-top: 50px;
    }

    .pb-medium {
        padding-bottom: 50px;
    }
}

@media screen and (min-width: 1440px) {
    /* Sections */
    .section--large {
        max-width: 900px;
    }
}

@media screen and (max-width: 1439px) {
    /* Sections */
    .section--large {
        max-width: 840px;
    }
}

@media screen and (min-width: 1281px) {
    /* Text styles */
    .txt-styles h1,
    .txt-styles .h1 {
        font-size: 52px;
    }

    .txt-styles h2,
    .txt-styles .h2 {
        font-size: 42px;
    }

    .txt-styles h3,
    .txt-styles .h3 {
        font-size: 34px;
    }

    .txt-styles h4,
    .txt-styles .h4 {
        font-size: 30px;
    }

    .txt-styles h5,
    .txt-styles .h5 {
        font-size: 22px;
    }

    .txt-styles h6,
    .txt-styles .h6 {
        font-size: 18px;
    }

    .txt-styles p {
        font-size: 18px;
    }
}

@media screen and (max-width: 1280px) and (min-width: 671px) {
    /* Spacing */
    .pv-large {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .pt-medium {
        padding-top: 40px;
    }

    .pb-medium {
        padding-bottom: 40px;
    }

    /* Text styles */
    .txt-styles h1,
    .txt-styles .h1 {
        font-size: 46px;
    }

    .txt-styles h2,
    .txt-styles .h2 {
        font-size: 36px;
    }

    .txt-styles h3,
    .txt-styles .h3 {
        font-size: 32px;
    }

    .txt-styles h4,
    .txt-styles .h4 {
        font-size: 28px;
    }

    .txt-styles h5,
    .txt-styles .h5 {
        font-size: 22px;
    }

    .txt-styles h6,
    .txt-styles .h6 {
        font-size: 18px;
    }

    .txt-styles p {
        font-size: 18px;
    }
}

@media screen and (max-width: 980px) and (min-width: 671px) {
    /* Grid */
    .grid--spaced-hoz .grid__col--tb2-6 {
        width: calc((100% / 12 * 6) - (4% * (12 - 6) / 12));
    }

    .grid--spaced-hoz .grid__col--tb2-6:nth-of-type(2n+2) {
        margin-right: 0;
    }

    .grid--spaced-vert .grid__col--tb2-6:nth-child(n+3) {
        margin-top: 8%;
    }

    .grid--spaced-hoz .grid__col--4.grid__col--tb2-6:nth-of-type(3) {
        margin-right: 4%;
    }

    .grid--spaced-hoz .grid__col--tb2-3 {
        width: calc((100% / 12 * 3) - (4% * (12 - 3) / 12));
    }

    .grid--spaced-hoz .grid__col--tb2-3:nth-of-type(3n+3) {
        margin-right: 0;
    }

    .grid--spaced-vert .grid__col--tb2-3:nth-child(n+4) {
        margin-top: 4%;
    }

    .grid--spaced-hoz .grid__col--2.grid__col--tb2-3:nth-child(4) {
        margin-top: 0;
    }
}

@media screen and (min-width: 768px) {
    /* Author & Fact Checked */
    .xauthor-bio span,
    .xauthor-bio span a,
    .the-article .fact-checked .fact-checked__txt {
        font-size: 18px;
    }

    .the-article .fact-checked .fact-checked__icon svg {
        width: 20px;
        height: 20px;
    }
}

@media screen and (max-width: 767px) {
    /* Author & Fact Checked */
    .xauthor-bio span,
    .xauthor-bio span a,
    .the-article .fact-checked .fact-checked__txt {
        font-size: 16px;
    }

    .the-article .fact-checked .fact-checked__icon svg {
        width: 18px;
        height: 18px;
    }
}

@media screen and (min-width: 671px) {
    /* Sections */
    .section--medium {
        max-width: 720px;
    }

    .section--small {
        max-width: 560px;
    }

    /* Statistics */
    .stats__item {
        width: calc(50% - 0.5px);
        border-top: 1px solid #dddddd;
    }

    .stats__item:nth-child(2n+1) {
        border-right: 1px solid #dddddd;
    }

    .stats__item:first-child,
    .stats__item:nth-child(2) {
        border-top: none;
    }

    .stats__item:nth-child(2n+1) .stats__item-inner {
        padding-right: 40px;
    }

    .stats__item:nth-child(2n+2) .stats__item-inner {
        padding-left: 40px;
    }

    .stats__item-inner {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    /* Contact */
    .form-row label,
    .form-row--btn button {
        font-size: 18px;
    }

    .form-row--btn button {
        min-width: 50%;
    }
}

@media screen and (max-width: 670px) {
    /* Spacing */
    .pv-large {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .pt-medium {
        padding-top: 30px;
    }

    .pb-medium {
        padding-bottom: 30px;
    }

    /* Grid */
    .grid--spaced-hoz .grid__col--m-4 {
        width: calc((100% / 12 * 4) - (4% * (12 - 4) / 12));
    }

    .grid--spaced-hoz .grid__col--tb2-3:nth-of-type(3n+3) {
        margin-right: 0;
    }

    .grid--spaced-vert .grid__col--tb2-3:nth-child(n+4) {
        margin-top: 4%;
    }

    .grid--spaced-hoz .grid__col--m-12 {
        width: 100%;
        margin-right: 0;
    }

    .grid--spaced-hoz .grid__col--m-12 + .grid__col--m-12 {
        margin-top: 8%;
    }

    /* Text styles */
    .txt-styles h1,
    .txt-styles .h1 {
        font-size: 42px;
    }

    .txt-styles h2,
    .txt-styles .h2 {
        font-size: 34px;
    }

    .txt-styles h3,
    .txt-styles .h3 {
        font-size: 26px;
    }

    .txt-styles h4,
    .txt-styles .h4 {
        font-size: 22px;
    }

    .txt-styles h5,
    .txt-styles .h5 {
        font-size: 20px;
    }

    .txt-styles h6,
    .txt-styles .h6 {
        font-size: 16px;
    }

    .txt-styles p {
        font-size: 16px;
    }

    /* Statistics */
    .stats__item {
        width: 100%;
        text-align: center;
    }

    .stats__item:not(:first-child) {
        padding-top: 40px;
    }

    .stats__item:not(:last-child) {
        padding-bottom: 40px;
    }

    .stats__item + .stats__item {
        border-top: 1px solid #dddddd;
    }

    .stats__item-txt {
        justify-content: center;
    }

    /* Contact */
    .form-row label,
    .form-row--btn button {
        font-size: 16px;
    }

    .form-row--btn button {
        width: 100%;
    }
}

@media screen and (min-width: 551px) {
  .crp_related li {
    width: 32%;
  }

  .crp_related li:not(:nth-child(3n)) {
    margin-right: 2%;
  }

  .crp_related li:nth-child(1n+4) {
    margin-top: 2%;
  }

  .crp_related .crp_title {
    font-size: 16px;
  }
}

@media screen and (max-width: 550px) {
  .crp_related .crp_title {
    font-size: 14px;
  }

  .crp_related li {
    width: 49%;
  }

  .crp_related li:not(:nth-child(2n)) {
    margin-right: 2%;
  }

  .crp_related li:nth-child(1n+3) {
    margin-top: 2%;
  }

  .crp_related li:nth-child(1n+9) {
    display: none;
  }
}