@charset "utf-8";
/*  
Theme Name: NoCamels 2018 by Studio Day
Theme URI: http://www.facebook.com/studio.day
Description: 
Version: 1.0
Author: Yariv & Daphna
Author URI: http://www.facebook.com/studio.day
*/


/* fonts */
/* Cabin for headlines and Nunito Sans for text */
@import url('https://fonts.googleapis.com/css?family=Cabin:400,500,600,700|Nunito+Sans:300,400,600,700');

/* COLORS */
/*
 purple #4049c4
 dark purple #2d389e
 bright purple #4d58eb
 bright green #00d448
 green #1f872f
 dark green #12661f
*/

.daphna {
	display: block;
} /* this is a fx for wp-rocket minification and charset */

*,
::before,
::after {
  box-sizing: content-box;
} /* fix stupid css bug created by pojo-a11y accessibility plugin */

html, body {
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Nunito Sans', sans-serif;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.4;
	color: #222;
}

body.nav-open {
	position: fixed;
}

h1, h2, h3, h4 {
	font-family: 'Cabin', sans-serif;
	font-weight: normal;
	color: #555;
}

a {
	color: #4049c4;
}

b, strong {
  font-weight: bold;
}

.row:after, .container:after {
	content: '';
	display: block;
	clear: both;
}

.hide {
	display: none;
}

.container {
	margin: 0 auto;
	height: 100%;
	position: relative;
	width: calc(100% - 96px); /* This number is determined by the sharethis plugin */
	max-width: 1440px;
	padding-top: 1px;
}

.grid {
	margin-left: -7px;
	margin-right: -7px;
}

.left {
	float: left;
}

.right {
	float: right;
	text-align: right;
}

blockquote {
	font-family: 'Cabin', sans-serif;
	font-style: italic;
	color: #666;
	font-size: 1.25em;
	margin: 0;
	width: 100%;
	position: relative;
}

blockquote p {
	width: 80%;
	text-align: justify;
	margin: auto;
}

blockquote:before, blockquote p:after {
	display: block;
	font-family: 'Font Awesome 5 Free';
	font-size: 2.5em;
	line-height: 1;
	font-weight: 900;
}

blockquote:before {
	content: "\f10d";
	float: left;
	margin-right: 25px;
}

blockquote p:after {
/* 	content: "\f10e"; */
	margin-left: 1em;
	text-align: right;
	font-size: 1.25em;
	display: inline;
}

/* like-box blockquote bug */
#sidebar blockquote:before {
	display: none;
}

/* HEADER */

.menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu a {
	text-decoration: none;
	color: inherit;
	display: block;
}

#top-row {
	background: #4049c4;
	color: #ffffff;
	height: 32px;
	font-size: 15px;
	line-height: 1;
}

#sponsors {
	float: left;
	height: 100%;
	display: table;
}

#sponsors p {
	margin: 0;
	padding: 0;
}

.social-icons {
	float: right;
	height: 100%;
}

.social-icons .menu {
	display: table;
	height: 100%;
}

.social-icons li,
#sponsors div {
	display: table-cell;
	vertical-align: middle;
}

.social-icons li {
	padding: 0px 8px;
}

.search-form {
	display: block;
	float: right;
	padding: 0 8px;
	line-height: 32px;
}

#searchform input {
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 2px 7px;
}

#top-row #searchform input {
    margin-right: 7px;
}

#top-row a {
	text-decoration: none;
	color: inherit;
	-webkit-transition: color 0.4s;
	transition: color 0.4s;
}

#top-row a:hover {
	color: #00d448;
}

#nav-row {
	box-shadow: 0 2px 3px rgba(0,0,0,0.2);
	z-index: 110;
	position: relative;
	background: #fff;
	width: 100%;
}

#nav-icon {
	display: none;
}

#mobile-nav-close {
	display: none;
}

body.nc-stickynav #nav-row {
	position: fixed;
	top: -100px;
	transform: translateY(90px);
	-webkit-transition: transform 0.4s;
	transition: transform 0.4s;
}

body.nc-stickynav #main-content {
	padding-top: 80px;
}

#branding {
	float: left;
}

#branding a {
	display: block;
}

#branding img {
	display: block;
	height: 60px;
	width: auto;
	margin: 10px 0;
}

body.nc-stickynav #branding a {
	height: 60px;
	overflow: hidden;
	-webkit-transition: translateY(10px);
	transform: translateY(10px);
}

#main-navigation {
	float: right;
}

.top-menu li {
	float: left;
	margin: 0 1em;
	text-transform: uppercase;
	list-style: none;
	font-weight: normal;
	font-size: 0.95em;
}

.top-menu li a {
	display: block;
	line-height: 50px;
	padding: 20px 0 10px 0;
}

.top-menu li a:hover,
.top-menu li.current-menu-item {
	color: #4049c4;
}

.top-menu li a:hover + .sub-menu,
.top-menu li a:focus + .sub-menu,
.top-menu .sub-menu:hover {
	display: block;
}

.top-menu .sub-menu {
	display: none;
	padding: 0;
	position: absolute;
	right: 0;
	background: #fff;
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.top-menu .sub-menu li {
	clear: both;
	min-width: 100%;
	padding: 0 10px;
	border-bottom: 1px solid #ccc;
	margin: 0;
	box-sizing: border-box;
}

.top-menu .sub-menu li a {
	padding-top: 10px;
	line-height: 40px;
}

.homepage-ad {
	background: url(images/white_wave.png);
	padding: 10px 0;
	text-align: center;
}

#below-menu img {
	margin: auto;
	display: block;
}

#below-menu + .row {
	box-shadow: 0 -2px 2px rgba(0,0,0,0.1);
}

/* MAIN CONTENT */

.post {
	float: left;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
}

.post-image-container img {
	display: block;
	width: 100%;
}

.post .post-category {
	background: rgba(255,255,255,0.8);
	position: absolute;
	z-index: 10;
	top: 25px;
	left: 17px;
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 12px;
	color: #222;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.post .post-category:hover {
	background: rgba(255,255,255,1);
	color: #000;
}

.post .post-title {
	color: inherit;
	margin: 0;
	-webkit-transition: color 0.4s;
	transition: color 0.4s;
}

.post .post-date {
	font-size: 12px;
	position: absolute;
	font-weight: normal;
	z-index: 10;
}

.post a {
	text-decoration: none;
	color: inherit;
}

.post-content a {
	text-decoration: underline;
	color: #4049c4;
}

h2.section-title,
h3.widget-title,
h1.category-title {
	text-transform: uppercase;
	font-size: 1.25em;
	padding: 0;
	margin: 28px 5px 20px 0;
	border-bottom: 1px solid #222;
	height: 1em;
	background: #fff;
}

h2.section-title span,
h3.widget-title span,
h1.category-title span,
h1.page-title span {
	background: inherit;
	padding-right: 8px;
}

h2.section-title span a {
	color: inherit;
	text-decoration: none;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

h2.section-title span a:hover {
	color: #1f872f;
}

/* HOMEPAGE */
#hp-main-title {
	height: 0px;
	margin: 0;
	overflow: hidden;
}

/* HOT TOPICS */
#top-posts .post {
	width: 25%;
	padding: 15px 7px 0 7px;
}

#top-posts #featured-post-1 {
	width: 50%;
}

#top-posts .post-image-container,
.post-latest .post-image-container,
.post-full .post-image-container,
#sidebar .nc-featured-posts .post-image-container {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56%;
	overflow: hidden;
}

#top-posts #featured-post-1 .post-image-container {
	height: 7px;
}

#top-posts .post-image-container img,
#sidebar .nc-featured-posts .post-image-container img,
#hp-category-posts .post-image-container img,
#related-posts .post-image-container img,
.post-latest .post-image-container img,
.post-full .post-image-container img {
	height: 107%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
	position: absolute;
	top: 0;
	z-index: 1;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

#top-posts .post:hover .post-image-container img,
.post-latest .post-image-container:hover img,
#sidebar .nc-featured-posts .post:hover .post-image-container img {
	top: -7%;
}

#top-posts .post-image-container:after,
.post-latest .post-image-container:after,
#sidebar .nc-featured-posts .post-image-container:after,
#post-banner .post-image-container:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 2;
}

#top-posts .post-image-container:after,
#sidebar .nc-featured-posts .post .post-image-container:after {
	background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,1));
	opacity: 0.8;
	-webkit-transition: opacity 0.4s;
	transition: opacity 0.4s;
}

#top-posts .post:hover .post-image-container:after,
#sidebar .post:hover .post-image-container:after,
#latest-posts .post:hover .post-image-container:after,
body:not(.category-news-briefs) #category-posts .post:hover .post-image-container:after {
	opacity: 1;
}

#top-posts .post-inner {
	position: absolute;
	top: 40%;
	z-index: 10;
	color: #fff;
	height: 60%;
	width: 100%;
	overflow: hidden;
	padding: 0 25px 0 10px;
	box-sizing: border-box;
}

#top-posts .post-title:hover {
	color: #00d448;
}

#top-posts #featured-post-1 .post-title {
	font-size: 2.2em;
}

#top-posts .post-excerpt {
	position: relative;
	top: 70%;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

#top-posts #featured-post-1:hover .post-excerpt {
	top: 8px;
}

#top-posts .post-date {
	right: 20px;
	top: 30px;
	color: #fff;
}

/* HP NEWS FLASH */

#news-flash .container {
	border: 1px solid #222;
	border-top: none;
	padding-bottom: 15px;
	margin-top: 28px;
}

#news-flash .container:after {
	content: '';
	display: block;
	position: absolute;
	height: 100%;
	width: 1px;
	background: #fff;
	top: 0;
	left: 0px;
	z-index: 100;
}

#news-flash .post {
	border-right: 1px solid #888;
	margin-right: -1px;
}

#news-flash .post .post-image-container,
#sidebar .post-news .post-image-container {
	float: left;
	width: 100px;
	margin: 0 15px 0 18px;
}

#news-flash .post .post-title,
#sidebar .post-news .post-title {
	padding: 0 15px 0 0;
	line-height: 1.25;
	max-height: 5em;
	overflow: hidden;
}

#news-flash .post .post-date {
	text-align: right;
	color: #757575;
	bottom: 0px;
	left: 133px;
	line-height: 1;
}

#news-flash .owl-nav {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin-top: -7px;
}

#news-flash .owl-nav button {
	position: absolute;
	background: #fff;
	width: 20px;
	height: 20px;
	transform: rotate(45deg);
	border: 1px solid #222;
	z-index: -1;
}

#news-flash .owl-nav button:before {
  content: '';
  position: absolute;
  z-index: -1;
  top: -7px;
  left: -7px;
  right: -7px;
  bottom: -7px;
  border: 6px solid #fff;
}

#news-flash .owl-nav button:hover {
	border-color: #4049c4;
	border-width: 2px;
}

#news-flash .owl-nav button.disabled {
	border-color: #aaa;
	cursor: default;
	border-width: 1px;
}

#news-flash .owl-nav button.owl-prev {
	border-top: none;
	border-right: none;
	margin-left: -10px;
}

#news-flash .owl-nav button.owl-prev:before {
	border-top: none;
	border-right: none;
}

#news-flash .owl-nav button.owl-next {
	border-bottom: none;
	border-left: none;
	right: 0;
	margin-right: -10px;
}

#news-flash .owl-nav button.owl-next:before {
	border-bottom: none;
	border-left: none;
}

#news-flash h2.section-title {
	margin: 0 -1px 15px -1px;
}

#news-flash h2.section-title span {
	padding-left: 1px;
}

/* HP LATEST POSTS */

.post-latest {
	width: calc(33.333% - 14px);
	padding: 10px;
	background: #f2f2f2;
	margin: 0 7px 15px 7px;
	height: 22em;
}

.post-latest .post-image-container:after {
	background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0));
	opacity: 0.8;
	-webkit-transition: opacity 0.4s;
	transition: opacity 0.4s;
}


.post-latest .post-title {
	margin: 0.5em 0;
}

#hp-category-posts .post-title:hover, 
#news-flash .post-title:hover,
#related-posts .post-title:hover,
.post-latest .post-title:hover,
.category-news-briefs #category-posts .post-title:hover {
	color: #4049c4;
}

.post-latest .post-excerpt {
	height: 5.6em;
	overflow: hidden;
	color: #555;
	position: relative;
}

.post-latest .post-excerpt:after {
	position: absolute;
	content: '...';
	content: '';
	display: block;
	height: 1.5em;
	width: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+0,f2f2f2+100&0+0,1+80 */
	background: -moz-linear-gradient(left, rgba(242,242,242,0) 0%, rgba(242,242,242,1) 80%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(242,242,242,0) 0%,rgba(242,242,242,1) 80%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(242,242,242,0) 0%,rgba(242,242,242,1) 80%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f2f2f2', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 */
	bottom: 0;
	color: #000;
	text-align: right;
}

#latest-posts .post-category {
	top: 20px;
}

.post-latest .post-date {
	top: 25px;
	color: #fff;
	right: 20px;
}

a.load-more {
	background: #4049c4;
	color: #fff;
	text-decoration: none;
	padding: 10px;
	text-align: center;
	display: block;
	width: 32%;
	margin: auto;
	clear: both;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
	font-size: 16px;
	margin-bottom: 15px;
	position: relative;
}

a.load-more i {
	position: absolute;
    line-height: 1.4;
    right: 49%;
    visibility: hidden;
}

a.load-more:hover {
	background: #2d389e;
}

a.load-more.running i {
	visibility: visible;
}

a.load-more.running span {
	visibility: hidden;
}

#homepage-posts .homepage-ad {
	padding: 7px;
}

/* HP CATEGORY POSTS */

#hp-category-posts .post,
#related-posts .post {
	width: calc(50% - 14px);
	padding: 10px;
	background: #f2f2f2;
	margin: 0px 7px 15px 7px;
}

#hp-category-posts .post-image-container,
#related-posts .post-image-container {
	float: left;
	margin-right: 10px;
	width: 40%;
	height: 125px;
	position: relative;
	overflow: hidden;
}

#hp-category-posts .post-date, 
#related-posts .post-date {
	color: #555;
	left: 40%;
	bottom: 10px;
	padding-left: 15px;
}

#hp-category-posts .link-to-archive {
	float: right;
	display: block;
	background: #1f872f;
	color: #fff;
	text-decoration: none;
	text-transform: capitalize;
	font-size: 16px;
	font-weight: 300;
	padding: 6px 25px;
	border-left: 8px solid #fff;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
	font-family: 'Nunito Sans', sans-serif;
}

#hp-category-posts .link-to-archive:hover {
	background: #12661f;
}

#hp-category-posts .hp-category ~ .hp-category {
	margin-top: -15px;
}

/* SIDEBAR */

#sidebar {
	float: right;
	width: 25%;
	text-align: center;
	will-change: min-height;
}

.sidebar__inner {
    transform: translate(0, 0);
    transform: translate3d(0, 0, 0);
    will-change: position, transform;
    padding: 5px 0;
}

#sidebar .widget {
	background: #e9e9e9;
	margin: 15px auto;
	padding: 10px;
	text-align: left;
}

.widget h3.widget-title {
	background: inherit;
	margin-top: 1px;
	text-align: left;
	font-size: 1em;
}

#sidebar .post {
	margin: 15px 0;
	width: 100%;
	float: none;
	text-align: left;
}

#sidebar .nc-featured-posts .post {
	color: #fff;
}

#sidebar .nc-featured-posts .post .post-title {
	position: absolute;
	top: 35%;
	z-index: 10;
	padding: 0 10px;
}

#sidebar .nc-featured-posts .post-title:hover {
	color: #00d448;
}

#sidebar .nc-featured-posts .post .post-date {
    bottom: 1em;
    padding: 0 10px;
}

#sidebar .post-news {
	padding-bottom: 15px;
	border-bottom: 1px solid #888;
}

#sidebar .post-news:last-child {
	margin-bottom: 7px;
}

#sidebar .post-news .post-image-container {
	margin-left: 0;
}

#sidebar .post-news .post-date {
	color: #555;
	bottom: 15px;
	left: 115px;
}

#sidebar .post-news .post-title:hover {
	color: #4049c4;
}

.content-column {
	float: left;
	width: 75%;
	padding-right: 15px;
	box-sizing: border-box;
}

.widget > div {
	text-align: center;
}

.widget > div img {
	max-width: 100%;
	height: auto;
}

/* SINGULAR */

#post-banner {
	position: relative;
	overflow: hidden;
	margin-top: 20px;
}

#post-banner .post-title {
	position: absolute;
	z-index: 10;
	color: #fff;
	bottom: 1em;
	margin: 0;
	font-size: 2.2em;
	width: 100%;
}

#post-banner .post-title a {
	text-decoration: none;
	max-width: 840px;
	margin: 0 auto;
	color: inherit;
	display: block;
	padding: 0 10px;
}

#post-banner .post-image-container {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 40%;
	overflow: hidden;
}

#post-banner .post-image-container img {
	height: 100%;
	object-fit: cover; 
	font-family: 'object-fit: cover;';
	position: absolute;
	top: 0;
	z-index: 1;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

#post-banner .post-image-container:after  {
	background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8));
}

.post-data {
	position: absolute;
	bottom: 0.5em;
	z-index: 10;
	color: #fff;
	width: 100%;
}

.post-data .inner {
	max-width: 840px;
	text-align: left;
	margin: auto;
	padding: 0 10px;
}

span.post-author, span.post-date {
	margin-right: 20px;
}

.fb-comments-count-container , span.post-date {
	color: #fff;
	font-size: 13px;
}

.post-author a {
	font-weight: normal;
	color: #00d448;
}

.fb-comments-count-container {
	text-decoration: none;
	color: inherit;
}

.caption-wrapper {
	font-size: 13px;
	color: #555;
	border-bottom: 1px solid #888;
	padding: 5px;
	position: relative;
}

.caption-wrapper:after {
	display: block;
	content: '';
	clear: both;
}

.post-categories {
	float: right;
	margin: 2px;
}

.post-categories a {
	background: #e9e9e9;
	padding: 1px 5px;
	border-radius: 4px;
	text-decoration: none;
	color: #222;
	transition: background 0.4s;
	margin-left:  5px;
}

.post-categories a:hover {
	background: #ddd;
	color: #000;
}

#post-content, .page-title {
	max-width: 840px;
	margin: 0 auto;
	padding: 0 10px;
}

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

/* Test this: should fix bug with attachments with inline styles */
#post-content > div {
	max-width: 100%;
}

/* inline ads */
.categories-ad,
.mid-post-ad,
.end-post-ad {
	background: url(images/white_wave.png);
	padding: 7px !important;
	text-align: center !important;
	clear: both;
	width: auto;
}

.mid-post-ad,
.end-post-ad {
	margin: 10px 0;
}

/* inline images */
.wp-caption {
	max-width: 96%;
	margin-bottom: 10px;
}

.wp-caption-text {
	font-size: 13px;
	color: #555;
	margin: 3px;
}

.alignright {
	float:right;
	padding-left: 15px;
}

.alignleft {
	float: left;
	padding-right: 15px;
}

.aligncenter {
	display: block;
	margin: auto;
}

#post-content iframe {
	width: 100%;
	min-height: 470px;
}

/* PAGE */
h1.page-title {
	margin: 25px auto 45px;
	font-size: 1.6em;
	color: #4049c4;
	text-transform: uppercase;
	border-bottom: 3px solid #4049c4;
	height: 1em;
	background: #fff;
	padding: 0;
}

/* LIST PAGES */
.categories-ad {
	margin: 15px 0 15px 7px;
	width: calc(100% - 28px);
}

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

body.category #category-posts .post .post-category {
	display: none;
}

/* news-flash */
.category-news-briefs #category-posts .post {
	width: 98%;
	height: auto;
	background: none;
	border-bottom: 1px solid #555;
	line-height: 1.5;
	padding: 0px 7px 25px;
	overflow: visible;
	margin-bottom: 25px;
}

.category-news-briefs #category-posts .post-title {
	margin: 0;
	font-size: 1.25em;
}

.category-news-briefs #category-posts .post-image-container {
	float: left;
	width: 40%;
	margin-right: 15px;
	padding-top: 25%;
}

.category-news-briefs #category-posts .post-content {
	height: auto;
	max-height: 7.5em;
	overflow: hidden;
	padding-top: 0.5em;
	-webkit-transition: max-height 0.4s;
	transition: max-height 0.4s;
	position: relative;
}

.category-news-briefs #category-posts .post-content:after {
	position: absolute;
	content: '';
	display: block;
	height: 4.5em;
	width: 100%;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.65) 100%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.65) 100%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.65) 100%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
	bottom: 0;
	color: #000;
	text-align: right;
}

.category-news-briefs #category-posts .open .post-content:after {
	display: none;
}

.category-news-briefs #category-posts .post.open .post-content {
	max-height: 300em;
	margin-bottom: 15px;
}

.category-news-briefs #category-posts .post .sharethis-inline-share-buttons {
	margin: 15px 0;
}

.category-news-briefs #category-posts .post-content img {
	display: none;
}

.category-news-briefs #category-posts .post-content p {
	margin: 0 0 1.4em 0;
}

.category-news-briefs .read-more-btn {
	position: absolute;
	right: 0;
	bottom: -1em;
	display: block;
	color: #fff;
	background: #1f872f;
	text-decoration: none;
	text-transform: capitalize;
	font-size: 15px;
	padding: 5px 25px;
	border-left: 8px solid #fff;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}

.read-more-btn:hover {
	background: #12661f;
}

.category-news-briefs .categories-ad {
	float: left;
	margin: 20px 0 25px 7px !important;
	width: calc(98% - 7px);
	box-sizing: border-box;
}

/* FOOTER */
footer {
	background: #4049c4;
	color: #fff;
	padding: 20px 0;
	margin-top: 15px;
}

footer .menu {
	padding: 10px 0;
}

footer .menu li {
	display: inline-block;
	padding: 0 5px;
}

footer .menu li a {
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

footer .menu li a:hover {
	color: #00d448;
}

.footer-menu {
	font-size: 16px;
}

footer #credits {
	clear: both;
	font-size: 16px;
	padding: 10px 0;
	overflow: hidden;
}

footer #credits a {
	color: inherit;
}

.footer-column {
	width: 60%;
	position: relative;
}

.short-about-text {
	padding: 10px 8px;
	font-size: 16px;
	width: 40%;
	box-sizing: border-box;
}

.short-about-text p {
	padding: 0;
	margin: 0;
}

.screenreader {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

/* newsletter popup */

#newsletter-popup {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
	background-color: rgba(0,0,0,0.8);
	display: flex;
	align-items: center;
}

#newsletter-popup .newsletter-popup-container {
	background: #fff;
	width: 40%;
	max-width: 450px;
	min-width: 320px;
	margin: auto;
	position: relative;
	border-top: 4px solid #4049c4;
}

#newsletter-popup-header img {
	display: block;
	width: 280px;
	height: auto;
	margin: 20px auto 0;
}

#newsletter-popup-header h2 {
	color: #4049c4;
	font-size: 2.2em;
	text-align: center;
	margin: 10px auto;
}

#newsletter-popup-text {
	background: #4049c4;
	padding: 20px 0;
	border-bottom: 4px solid #fff;
}

#newsletter-popup-text h3 {
	color: #fff;
	width: 290px;
	margin: 0 auto;
	text-align: center;
}

#newsletter-popup a#close-popup {
	position: absolute;
	right: 15px;
	top: 20px;
	z-index: 100;
}

#newsletter-popup a#close-popup:hover {
	color: #2d389e;
}

.newsletter-signup-button {
	background: #fff;
	color: #12661f;
	display: block;
	text-align: center;
	font-weight: 400;
	padding: 12px;
	text-decoration: none;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	text-transform: uppercase;
}

#newsletter-popup .newsletter-signup-button {
	max-width: 280px;
	margin: 20px auto;
}

.newsletter-signup-button:hover {
	color: #222;
}

iframe#newsletter-signup-form {
	min-height: 1150px;
}

.newsletter_banner_inline {
	border-top: 1px solid #555;
	border-bottom: 1px solid#555;
	margin: 15px 0;
	overflow: hidden;
	clear: both;
}

.newsletter_banner_inline h3 {
	float: left;
	color: #4049c4;
	font-size: 1.6em;
	margin: 28px 5px;
}

.newsletter_banner_inline .newsletter-signup-button {
	color: #fff;
	background: #1f872f;
	float: right;
	padding: 12px 35px;
	margin: 23px 5px;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}

.newsletter_banner_inline .newsletter-signup-button:hover {
	background: #12661f;
}

#sidebar .nc-newsletter-signup {
	background: #fff;
	border: 7px solid #e9e9e9;
	box-sizing: border-box;
}

#sidebar .nc-newsletter-signup img {
	width: 100%;
	display: block;
	margin: 15px 0 25px;
}

#sidebar .nc-newsletter-signup h3 {
	background: #4049c4;
	color: #fff;
	margin: 0 -10px;
	padding: 23px 10px;
	font-size: 1.5em;
	text-align: center;
}

#sidebar .nc-newsletter-signup .newsletter-signup-button {
	margin-top: 10px;
}

/* 404 */
body.error404 #post-banner {
	height: 1px;
	background: url(images/desert-no-camels.jpg) no-repeat;
	background-size: cover;
	color: #fff;
	font-size: 1.5em;
	padding: 10% 4% 35% 4%;
	position: relative;
}

body.error404 #post-banner:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0));
	opacity: 0.8;
}

body.error404 #post-banner div {
	position: relative;
	z-index: 2;
	text-shadow: 0 0px 15px rgba(0,0,0,0.7);
}

body.error404 h1 {
	color: #fff;
}

body.error404 #searchform input {
	margin: 0 2px;
}

#searchform #searchsubmit {
	background: #4049c4;
	padding: 3px 25px;
	color: #fff;
	border-color: #4049c4;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}

#searchform #searchsubmit:hover {
	background: #2d389e;
}

.no-results #searchform input {
	border-color: #555;
}

#pojo-a11y-toolbar *, #pojo-a11y-toolbar *::before, #pojo-a11y-toolbar *::after {
	box-sizing: border-box;
}

#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
	border-radius: 100% 0 0 100%;
}

.cc-compliance {
	margin-left: 10px;
}

.cc-bottom {
	z-index: 99990;
}

/* skiplinks */
#skiplinks {
	height: 0;
	float: left;
}

#skiplinks ul {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 0;
}

#skiplinks ul a {
    position: fixed;
    z-index: 999999;
    top: -120px;
    left: 48px;
    background: #4049c4;
    border: 2px solid #fff;
    color: #fff;
    padding: 7px 15px;
    text-align: center;
    -webkit-transition: top 500ms ease;
    -moz-transition: top 500ms ease;
    -ms-transition: top 500ms ease;
    -o-transition: top 500ms ease;
    transition: top 500ms ease;
}

#skiplinks ul a:focus{
	top: 20px;
	outline: none;
}

.hidden {
	visibility: hidden;
}


/* MEDIA QUERIES */
@media only screen and (max-width: 1440px) {
	body {
		font-size: 16px;
	}

    .top-menu li {
		margin: 0 0.5em;
    }
}

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

	/* make navbar sticky always */
	#top #nav-row {
		position: fixed;
		top: -90px;
		transform: translateY(90px);
		-webkit-transition: transform 0.4s;
		transition: transform 0.4s;
		z-index: 99998;
	}

	#main-content {
		padding-top: 80px !important;
	}

	#top #branding a {
		height: 60px;
		overflow: hidden;
		-webkit-transition: translateY(5px);
		transform: translateY(5px);
	}

	/* display mobile nav button */
	#nav-icon {
		display: block;
		height: 50px;
		line-height: 52px;
		width: 50px;
		background: #4049c4;
		float: left;
		margin: 15px 15px 15px 0;
		border-radius: 60px;
		color: #fff;
		text-align: center;
		-webkit-transition: background 0.2s;
		transition: background 0.2s;
	}

	#nav-icon:hover {
		background: #2d389e;
	}

	/* mobile menu close button */
	#mobile-nav-close {
		display: block;
		position: absolute;
		top: 0px;
		right: -39px;
		color: #fff;
		width: 40px;
		background: #4049c4;
		height: 80px;
		line-height: 80px;
		border-radius: 0 40px 40px 0;
		text-indent: 5px;
	}

	/* top row with search and social icons is part of collapsible menu o mobile */
	#main-navigation, #top-row {
		position: fixed;
		width: 88%;
		z-index: 99999;
		left: -110%;
		-webkit-transition: left 0.2s;
		transition: left 0.2s;
	}

	#main-navigation {
		background: rgba(0,0,0,0.9);
		top: 0;
		color: #fff;
		height: 100vh;
		padding-top: 80px;
		box-sizing: border-box;
	}

	#top-row {
		top: 0;
		height: 80px;
	}

	#main-navigation .top-menu {
		height: 100%;
		overflow: auto;
	}

	#main-navigation .top-menu .menu {
		padding-bottom: 80px;
	}

	#main-navigation.open, #top-row.open {
		left: 0;
	}

	#searchform, #top-row .social-icons {
		width: 100%;
		height: 40px;
		line-height: 40px;
		margin: 0;
		padding: 0;
	}

	/* hide sponsors text from mobile */
	#sponsors {
		display: none;
	}

	.top-menu li {
		float: none;
		width: 100%;
		margin: 0;
	}

	.top-menu li a {
		padding: 10px 20px;
		border-bottom: 1px solid #f2f2f2;
	}

	.top-menu .sub-menu {
		display: block;
		background: inherit;
		border: none;
		position: static;
	}

	.top-menu .sub-menu li {
		border: none;
		padding: 0;
		text-indent: 2em;
	}

	/* grid 3 columns */
	#top-posts .post {
		width: 33.333%;
	}

	#top-posts #featured-post-1 {
		width: 66.666%;
	}

	#main-content #top-posts .post-image-container {
		padding: 0;
		height: 220px;
	}

	#top-posts #featured-post-1 .post-title {
		font-size: 2em;
	}

	.content-column {
		width: 66.666%;
	}

	#sidebar {
		width: 33.333%;
	}

	.post-latest {
		width: calc(50% - 14px);
		height: 24em;
	}

	.menu.footer-menu li {
		display: block;
		line-height: 1.5;
	}


	.st-sticky-share-buttons {
		margin-top: -33px;
	}

	body.error404 #post-banner {
		padding: 4% 4% 60% 4%;
	}

}

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

	.container {
		width: 92%;
	}

	#sidebar {
		width: 100%;
		border-top: 1px solid #555;
		padding-top: 10px;
	}

	.content-column {
		width: 100%;
		padding: 0;
	}

	.sidebar__inner {
		column-count: 2;
	}

	#sidebar .widget {
		overflow: hidden;
		-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
		page-break-inside: avoid; /* Firefox */
		break-inside: avoid; /* IE 10+ */
		margin: 0 0 15px 0;
	}

	.post-latest {
		height: 21em;
	}

	#newsletter-popup .newsletter-popup-container {
		width: 45%;
	}

	.post-latest .post-image-container {
		padding-top: 48%;
	}

	.caption-wrapper {
		margin-bottom: 40px;
	}

	.post-categories {
		position: absolute;
		right: 0;
		top: 100%;
		margin-top: 8px;
	}
}

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

	#nav-icon {
		transform: scale(0.8);
	}

	#newsletter-popup-header img {
		margin-bottom: 7px;
		width: 240px;
	}

	#newsletter-popup-header h2 {
		font-size: 2em;
	}

	#newsletter-popup h3 {
		font-size: 1.6em;
	}

	#top-posts .post {
		width: 50%;
	}

	#top-posts #featured-post-1 {
		width: 100%;
	}

	blockquote p {
		width: 100%;
	}

	body.error404 #post-banner {
		font-size: 1.2em;
	}

	body.error404 #searchform label {
		display: block;
		line-height: 1;
	}

	body.error404 #searchform input {
		margin: 0;
	}

	.category-news-briefs #category-posts .post.open .post-content {
		overflow: visible;
	}

	.category-news-briefs #category-posts .post:not(.open) .post-content {
		-webkit-transition: max-height 0s;
		transition: max-height 0s;
	}

}

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

	.container {
		width: 95%;
	}

	#top #branding a, #branding img {
		height: 55px;
	}

	#top #branding a {
		transform: translateY(7px) translateX(-7px);
	}

	#top-posts .post, 
	.post-latest,
	#hp-category-posts .post, 
	#related-posts .post,
	.footer-column {
		width: 100%;
		margin: 7px 0;
	}

	#top-posts .post-inner {
		top: 33%;
	}

	#top-posts .post-title, #top-posts #featured-post-1 .post-title {
		font-size: 1.6em;
		line-height: 1.3;
	}

	.grid {
		margin: 0;
	}

	.post-latest,
	#hp-category-posts .post, #related-posts .post,
	.categories-ad {
		margin: 7px 0;
	}

	.categories-ad {
		width: calc(100% - 14px);
		float: left;
	}

	#news-flash .container {
		width: 90%;
	}

	#news-flash .owl-nav button {
		width: 12px;
		height: 12px;
	}

	#news-flash .owl-nav button.owl-prev {
		margin-left: -6px;
	}

	#news-flash .owl-nav button.owl-next {
		margin-right: -6px;
	}

	a.load-more {
		width: 100%;
		box-sizing: border-box;
		display: inline-block;
		margin-top: 7px;
	}

	#sidebar {
		padding-top: 0;
	}

	.sidebar__inner {
		column-count: 1;
	}

	#sidebar .widget {
		margin: 15px auto;
	}

	#sidebar .nc-featured-posts .post .post-title,
	#post-banner .post-title {
		font-size: 1.5em;
		line-height: 1.25;
		top: 0.5em;
		text-shadow: 0 0px 15px #000;
	}

	#post-banner .post-image-container {
		padding-top: 60%;
	}

	#post-banner .post-data {
		font-size: 0.9em;
		line-height: 1.5;
	}

	#post-banner span.post-author {
		display: block;
	}

	#post-content iframe {
		min-height: 280px;
	}

	#footer .right {
		float: left;
		text-align: left;
	}

	#footer .social-icons {
		float: left;
	}

	#footer #credits div {
		clear: both;
	}

	h1.page-title {
		border: none;
		height: auto;
		margin-bottom: 15px;
	}

	.newsletter_banner_inline h3, .newsletter_banner_inline .newsletter-signup-button {
		text-align: center;
		margin: 15px 7px;
	}

	.newsletter_banner_inline .newsletter-signup-button {
		width: 100%;
		box-sizing: border-box;
	}

	body.error404 #post-banner {
		font-size: 1em;
		padding-bottom: 80%;
	}

	.cc-compliance {
		margin-left: 0;
	}

	/* force images to be full width on mobile */
	.wp-caption {
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 !important;
	}

	.wp-caption img {
		width: 100%;
	}

	img.alignright, img.alignleft, img.aligncenter, img.alignnone {
		padding: 0;
		width: 100%;
	}

	.category-news-briefs #category-posts .post-image-container {
		width: 100%;
		padding-top: 46%;
		margin-bottom: 15px;
	}

	.category-news-briefs #category-posts .post:not(.open) .post-content {
		-webkit-transition: max-height 0.5s;
		transition: max-height 0.5s;
	}
}

@media only screen and (max-width: 420px) {
	.category-news-briefs #category-posts .post-title {
		font-size: 1em;
	}
}