/*! Twitter Widgets by Campaign Kit */

@font-face {
	font-family: "campaignkit-twitter";
	src: url("../fonts/campaignkit-twitter.eot?e4ck37");
	src: url("../fonts/campaignkit-twitter.eot?e4ck37#iefix") format("embedded-opentype"), url("../fonts/campaignkit-twitter.ttf?e4ck37") format("truetype"), url("../fonts/campaignkit-twitter.woff?e4ck37") format("woff"), url("../fonts/campaignkit-twitter.svg?e4ck37#campaignkit-twitter") format("svg");
	font-weight: normal;
	font-style: normal;
}

[class^="ck-twitter-icon-"],
[class*=" ck-twitter-icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: "campaignkit-twitter" !important;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1;
	text-transform: none;

	speak: none;
}

.ck-twitter-icon-campaign-kit:before {
	content: "\e905";
}

.ck-twitter-icon-envelope:before {
	content: "\e900";
}

.ck-twitter-icon-heart:before {
	content: "\e901";
}

.ck-twitter-icon-reply:before {
	content: "\e902";
}

.ck-twitter-icon-retweet:before {
	content: "\e903";
}

.ck-twitter-icon-twitter:before {
	content: "\e904";
}

.campaignkit-twitter:before,
.campaignkit-twitter:after,
.twitter-tweet:before,
.twitter-tweet:after {
	display: table;
	table-layout: fixed;
	content: "";
}

.campaignkit-twitter:after,
.twitter-tweet {
	clear: both;
}

.campaignkit-twitter {
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	background-color: #fff;
	font-size: 14px;
	line-height: 1.5;
}

.campaignkit-twitter .tweet-cover {
	overflow: hidden;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color: #404040;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top center;
	background-size: cover;
	text-align: center;
}

.campaignkit-twitter .tweet-cover__profile {
	padding: 20px 10px 10px;
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
}

.campaignkit-twitter .tweet-cover__photo a,
.campaignkit-twitter .tweet-cover__username a {
	display: inline-block;
}

.campaignkit-twitter .tweet-cover__photo a {
	overflow: hidden;
	margin-bottom: 10px;
	border-radius: 48px;
}

.campaignkit-twitter .tweet-cover__photo a img {
	display: block;
	vertical-align: top;
}

.campaignkit-twitter .tweet-cover__username a {
	color: #fff !important;
	font-weight: bold;
}

.campaignkit-twitter .tweet-cover__username a:hover,
.campaignkit-twitter .tweet-cover__username a:focus {
	opacity: 0.5;
}

.campaignkit-twitter .tweet-cover__username a span {
	display: block;
	font-size: 80%;
	font-weight: normal;
}

.campaignkit-twitter .tweet-cover__description {
	margin-top: 10px;
}

.campaignkit-twitter .tweet-cover__meta {
	overflow: hidden;
	background-color: #fff;
}

.campaignkit-twitter .tweet-cover__tweets,
.campaignkit-twitter .tweet-cover__following,
.campaignkit-twitter .tweet-cover__follower {
	display: inline-block;
	width: 33.33%;
	padding: 10px;
}

.campaignkit-twitter .tweet-cover__tweets span,
.campaignkit-twitter .tweet-cover__following span,
.campaignkit-twitter .tweet-cover__follower span {
	display: block;
	font-weight: bold;
}

.campaignkit-twitter .twitter-tweets {
	overflow-y: auto;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.campaignkit-twitter .twitter-tweets .twitter-tweet:last-child {
	border-bottom-width: 0;
}

.campaignkit-twitter .twitter-tweet {
	position: relative;
	padding: 10px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	background-color: #fff;
	word-wrap: break-word;
	-webkit-transition: all ease-in-out 0.25s;
	transition: all ease-in-out 0.25s;
}

.campaignkit-twitter .twitter-tweet:hover {
	z-index: 1;
	background-color: #edfaff;
}

.campaignkit-twitter .retweet-badge {
	display: inline-block;
	padding: 4px 8px;
	border-radius: 5px;
	background-color: rgba(0, 0, 0, 0.05);
	line-height: 1;
}

.campaignkit-twitter .tweet-profile {
	clear: both;
	overflow: hidden;
	margin-bottom: 5px;
}

.campaignkit-twitter .tweet-profile__image {
	float: left;
	overflow: hidden;
}

.campaignkit-twitter .tweet-profile__image img {
	display: block;
	vertical-align: top;
}

.campaignkit-twitter.has__tweet-profile .tweet-profile__user {
	margin-left: 10px;
}

.campaignkit-twitter.has__tweet-profile .tweet-profile__user,
.campaignkit-twitter.has__tweet-profile .tweet-date {
	display: inline-block;
}

.campaignkit-twitter.has__tweet-profile .tweet-text,
.campaignkit-twitter.has__tweet-profile .tweet-media,
.campaignkit-twitter.has__tweet-profile .tweet-date,
.campaignkit-twitter.has__tweet-profile .tweet-meta {
	margin-left: 58px;
}

.campaignkit-twitter .tweet-profile__user span {
	display: block;
}

.campaignkit-twitter .tweet-profile__name {
	color: #404040;
	font-weight: bold;
}

.campaignkit-twitter .tweet-profile__screen,
.campaignkit-twitter .tweet-date {
	color: #909090;
	font-size: 80%;
}

.campaignkit-twitter .tweet-profile__name:hover,
.campaignkit-twitter .tweet-profile__name:focus,
.campaignkit-twitter .tweet-profile__screen:hover,
.campaignkit-twitter .tweet-profile__screen:focus,
.campaignkit-twitter .tweet-date:hover,
.campaignkit-twitter .tweet-date:focus,
.campaignkit-twitter .tweet-meta a:hover,
.campaignkit-twitter .tweet-meta a:focus {
	color: #00aced;
}

.campaignkit-twitter .tweet-text {
	margin-bottom: 5px;
}

.campaignkit-twitter .tweet-media {
	display: grid;
	overflow: hidden;
	margin-bottom: 5px;
	border-radius: 5px;

	-webkit-box-pack: stretch;
	-ms-flex-pack: stretch;
	grid-column-gap: 1px;
	grid-row-gap: 1px;
	justify-content: stretch;
}

.campaignkit-twitter .tweet-media.tweet-media-2 {
	grid-template-columns: repeat(2, 1fr);
}

.campaignkit-twitter .tweet-media.tweet-media-3,
.campaignkit-twitter .tweet-media.tweet-media-4 {
	grid-template-columns: repeat(3, 1fr);
}

.campaignkit-twitter .tweet-media.tweet-media-3 .image-1 {
	grid-column-end: 3;
	grid-column-start: 1;
	grid-row-end: 3;
	grid-row-start: 1;
}

.campaignkit-twitter .tweet-media.tweet-media-4 .image-1 {
	grid-column-end: 3;
	grid-column-start: 1;
	grid-row-end: 4;
	grid-row-start: 1;
}

.campaignkit-twitter .tweet-media__item {
	overflow: hidden;
	position: relative;
	margin: 0;
}

.campaignkit-twitter .tweet-media__item a {
	display: block;
	width: 100%;
	height: 100%;
}

.campaignkit-twitter .tweet-media__item img {
	min-height: 100%;
	vertical-align: top;

	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 50% 50%;
	object-position: 50% 50%;
}

.campaignkit-twitter .tweet-meta a {
	display: inline-block;
	margin: 10px 10px 0 0;
	color: #909090;
}

.campaignkit-twitter a.tweet-follow {
	display: block;
	overflow: hidden;
	position: relative;
	margin: 10px;
	padding: 10px;
	border-radius: 5px;
	color: #fff !important;
	background-color: #00aced;
	text-align: center;
}

.campaignkit-twitter a.tweet-follow .ck-twitter-icon-twitter {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	background-color: rgba(0, 0, 0, 0.05);
	line-height: 40px;
}

.campaignkit-twitter a.tweet-follow:hover,
.campaignkit-twitter a.tweet-follow:focus {
	background-color: #21c2ff;
}
