/*===================*/
/*		FONTS        */
/*===================*/

/* new 2023 regular font to replace Lato
font-family: 'Libre Franklin', sans-serif;
*/ 

/* new 2023 header font to replace Weizmann 
font-family: "Weizmann";
*/ 
@font-face {
    font-family: "Weizmann";
    src: url("/static/fonts/wei-web/Weizmann-Regular.woff2") format('woff2'),
            url("/static/fonts/wei-web/Weizmann-Regular.woff") format('woff'),
            url("/static/fonts/wei-web/Weizmann-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
	font-family: 'icomoon';
	src: url('/static/fonts/curiosity/icomoon.eot'); /* IE9 Compat Modes */
	src: url('/static/fonts/curiosity/icomoon.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/static/fonts/curiosity/icomoon.woff') format('woff'), /* Pretty Modern Browsers */
	url('/static/fonts/curiosity/icomoon.ttf')  format('truetype'), /* Safari, Android, iOS */
	url('/static/fonts/curiosity/icomoon.svg#icomoon') format('svg'); /* Legacy iOS */
}
@font-face {
	font-family: 'ss-social-regular';
	src: url('/static/fonts/curiosity/ss-social-regular.eot'); /* IE9 Compat Modes */
	src: url('/static/fonts/curiosity/ss-social-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/static/fonts/curiosity/ss-social-regular.woff') format('woff'), /* Pretty Modern Browsers */
	url('/static/fonts/curiosity/ss-social-regular.ttf')  format('truetype'), /* Safari, Android, iOS */
	url('/static/fonts/curiosity/ss-social-regular.svg#ss-social-regular') format('svg'); /* Legacy iOS */
}
@font-face {
	font-family: 'ss-standard';
	src: url('/static/fonts/curiosity/ss-standard.eot'); /* IE9 Compat Modes */
	src: url('/static/fonts/curiosity/ss-standard.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/static/fonts/curiosity/ss-standard.woff') format('woff'), /* Pretty Modern Browsers */
	url('/static/fonts/curiosity/ss-standard.ttf')  format('truetype'), /* Safari, Android, iOS */
	url('/static/fonts/curiosity/ss-standard.svg#ss-standard') format('svg'); /* Legacy iOS */
}

/*===================*/
/*	GENERAL SIZING   */
/*===================*/

h1, h2, h3, h4, h5, p, span, a{
	margin:0;
	padding:0;
}

.btn:focus, .btn:active{
	outline:0;
	box-shadow:none;
}

a:focus, button:focus {outline:none;}
a::-moz-focus-inner, button::-moz-focus-inner {border:0;}



br.clear{
	clear:both;
	height: 0;
	line-height: 0;
	font-size: 0px;
}


h1{
	font-size:39px;
	line-height:42px;
	font-family: "Weizmann";
	font-weight:600;
}

.articleheader h1{
	font-size:50px;
	line-height:52px;
}

h2{
	font-size:26px;
	line-height:32px;
	font-family: "Weizmann";
	font-weight:600;
}

p, .articlebody {
	font-size:14px;
	line-height:26px;
	font-family:'Libre Franklin', sans-serif;
	font-weight:400;
	color:#161616;
}

p.alt{
	font-size:16px;
	line-height:28px;
	font-family:'Libre Franklin', sans-serif;
	font-weight:400;
	color:#161616;
}

p.herotext{
	display: block;
	/*height:60px;*/
	overflow: hidden;
}

h5{
	font-size:50px;
	line-height:52px;
	font-family:'Libre Franklin', sans-serif;
	font-weight:600;
	color:#161616;
}

h6{
	font-size:18px;
	line-height:32px;
	font-family:'Weizmann', sans-serif;
	font-weight:600;
	color:#161616;
}

.datetitle{
	font-size:13px;
	line-height:32px;
	font-family:'Libre Franklin', sans-serif;
	font-weight:600;
	text-transform: uppercase;
}

/*===================*/
/*	SECTION COLORS   */
/*===================*/

/* ARTS & CULTURE */


.arts, .arts span.endarticlehex, .arts a{
	color:#CD3A35;
	border-color:#CD3A35;
}

.arts a:hover{
	color:#b93a3d;
	border-color:#b93a3d;
}


/* TECH & INNOVATION */

.tech, .tech p span.endarticlehex, .tech a{
	color:#f38354;
	border-color:#f38354;
}

.tech a:hover{
	color:#e5754a;
	border-color:#e5754a;
}


/* EDUCATION */

.education, .education span.endarticlehex, .education a{
	color:#f0ac51;
	border-color:#f0ac51;
}

.education a:hover{
	color:#da923b;
	border-color:#da923b;
}


/* EARTH & ENVIRONMENT */

.earth, .earth span.endarticlehex, .earth a{
	color:#6dc255;
	border-color:#6dc255;
}

.earth a:hover{
	color:#57af52;
	border-color:#57af52;
}


/* HEALTH & MEDICINE */

.health, .health span.endarticlehex, .health a{
	color:#538dcb;
	border-color:#538dcb;
}

.health a:hover{
	color:#427dbd;
	border-color:#427dbd;
}


/* OUTER SPACE */

.space, .space span.endarticlehex, .space a{
	color:#8e4398;
	border-color:#8e4398;
}

.space a:hover{
	color:#7e3487;
	border-color:#7e3487;
}


/* BRAIN & BEHAVIOR */

.brain, .brain span.endarticlehex, .brain a{
	color:#b43475;
	border-color:#b43475;
}

.brain a:hover{
	color:#a02b64;
	border-color:#a02b64;
}


/* CURIOSITY */

.curiosity, .curiosity span.endarticlehex, .curiosity a{
	color:#a8a9a9;
	border-color:#a8a9a9;
}

.curiosity a:hover{
	color:#8b8c8b;
	border-color:#8b8c8b;
}


/*================================*/
/*	TEXT DECORATION & MISC LINKS  */
/*================================*/

a, button {
	-webkit-transition: color .15s ease, opacity .15s ease;
	-o-transition: color .15s ease, opacity .15s ease;
	transition: color .15s ease, opacity .15s ease;
}

.articlebody a {
	color: #0080F7;
}

.articlebody a:hover{
	color: #0058aa;
	text-decoration: underline;
}

a, a:hover, a:active, a:visited, a:focus {
	text-decoration: none;
}

a.twittertext{
	font-size:13px;
	line-height:32px;

}
a.twittertext:hover{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

a.readarticle{
	display:inline-block;
	font-size:13px;
	line-height:16px;
	font-family:'Libre Franklin', sans-serif;
	font-weight:400;
}
a.readarticle:before{
	font-family:"icomoon";
	content: "\e600";
	margin-right:7px;
	font-size:5px;
	vertical-align: middle;
}

/*===================*/
/*		  TAGS       */
/*===================*/

div.herotagwrapper{
	position: absolute;
	bottom:35px;
	right:43px;
	z-index:1;
}

.herotagwrapper a{
	text-shadow: 1px 1px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.2);
}

a.tag{
	display: inline-block;
	border-width:1px;
	border-style: solid;
	font-family:'Libre Franklin',sans-serif;
	font-size:13px;
	line-height:15px;
	padding:3px;
	vertical-align: top;
	text-transform: uppercase;
}
a.featured{
	color:#bfbfbf;
	border-color:#bfbfbf;
	margin-right:4px;
}

a.featured:hover{
	color:#9f9f9f;
	border-color:#9f9f9f;
	margin-right:4px;
}



/* NAV */

.navright a{
	font-family:'Libre Franklin', sans-serif;
	font-weight: 600;
	color: #727475;
	font-size:15px;
	line-height:15px;
}

.topnav-full-left{
	display:inline-block;
	float: left;
	margin-top:-3px;
	margin-bottom:32px;
}

.topnav-full-left a{
	border-bottom:1px dotted #cccccc;
}

.topnav-full-left a:hover{
	border-bottom:1px dotted #000000;
	color:#000000;
}

.topnav-full-left a:before{
	font-family:'ss-standard';
	font-size:9px;
	position: relative;
	bottom:1px;
	content:'\25C5' '\00a0';
}

.topnav-full-right {
	display: flex;
	flex-wrap: wrap;
    float: right;
    align-items: center;
}

.topnav-full-right span.followheader-text {
	font-family:'Libre Franklin', sans-serif;
	font-weight: 600;
	color: #727475;
	font-size: 15px;
    line-height: 15px;
	text-transform: uppercase;
}

.topnav-full-right .followheader-social a.desktopNavButton:hover {
	color:#cccccc;
}

.topnav-full-right .followheader-social a.desktopNavButton {
	color:#000000;
	font-size: 18px;
    margin-left: 5px;
}

/* THE ACTUAL NAVIGATION (allstories,popular,categories) */

.actualnav{
	background:url('/static/blog/images/greypixel.gif');
	background-size:1px;
	background-repeat: repeat-x;
	width:100%;
}

.actualnav a {
	display: inline-block;
	position: relative;
	color: #727475;
	font-size:17px;
	line-height:45px;
	text-transform: uppercase;
	margin-right:27px;
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	transition: color .2s ease;
	vertical-align: top;
}

.nav-pinned .actualnav a{
	line-height:27px;
}

.actualnav a:hover{
	color:#383838;
}

span.allstories{
	margin-right:5px;
}

span.popular{
	position: relative;
	top:2px;
	margin-right:5px;
}

span.categories{
	display: block;
	padding-top:2px;
}

span.allstories:before{
	color:#383838;
	font-family:'icomoon';
	content:'\e603';
	position: relative;
}

span.popular:before{
	color:#383838;
	font-family:'icomoon';
	content:'\e604';
	position: relative;
}

span.categories:before{
	color:#383838;
	font-family:'icomoon';
	content:'\e605';
	position: relative;
}

.actualnav span.allstories:before{
	font-size: 21px;
	top:3px;
}

.actualnav span.popular:before{
	font-size: 17px;
	top:1px;
}

.actualnav span.categories:before{
	font-size:17px;
	top:1px;
	left:2px;
}

.list-group-item span.allstories:before{
	font-size: 21px;
	top:2px;
	margin-left:-2px;
	margin-right:8px;
}

.list-group-item span.popular:before{
	font-size: 17px;
	margin-right:10px;
}

.list-group-item span.categories:before{
	font-size:17px;
	top:1px;
	margin-right:10px;
	margin-left:-2px;
}

span.categories-up:after{
	font-family:'icomoon';
	content:'\e602';
	font-size:25px;
	line-height: 10px;
	position: relative;
	margin-left:3px;
	margin-right:4px;
	top:5px;
}

span.categories-down:after{
	font-family:'icomoon';
	content:'\e601';
	font-size:25px;
	line-height: 10px;
	position: relative;
	margin-left:5px;
	top:4px;
}

.search{
	font-family: 'ss-standard';
	font-size:16px;
	position: relative;
	top:3px;
}

#searchtrigger{
	margin-right:0;
}


/* for the slidey topnav-full border */
.actualnav a:before{
	content: '';
	display: block;
	margin: auto;
	height: 1px;
	width: 0px;
	background: transparent;
	-webkit-transition: width .2s ease-out, background-color .2s ease;
	-o-transition: width .2s ease-out, background-color .2s ease;
	transition: width .2s ease-out, background-color .2s ease;
}
.actualnav a:hover:before, .actualnav a:active:before {
	width: 100%;
	background: #000000;
}

.actualnav a#searchtrigger:hover:before {
	width: 100%;
	background: #e6e6e6;
}



/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/*================================*/
/*			MEDIA QUERIES		  */
/*================================*/
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */



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

	h1{
		font-size:30px;
		line-height:36px;
	}

	.articleheader h1{
		font-size:42px;
		line-height:47px;
	}

	h2{
		font-size:26px;
		line-height:32px;
	}

	p{
		font-size:14px;
		line-height:26px;
	}

	p.alt{
		font-size:16px;
		line-height:28px;
	}

	h5{
		font-size:36px;
		line-height:43px;
	}

	h6{
		font-size:18px;
		line-height:32px;
	}
	.datetitle{
		font-size:13px;
		line-height:32px;
		text-transform: uppercase;
		display: inline-block;
	}

	div.herotagwrapper{
		position: absolute;
		bottom:25px;
		right:28px;
		z-index:1;
	}

}
@media only screen and (max-width: 767px){
	.articleheader h1{
		font-size:35px;
		line-height:40px;
	}
}