#callToAction1 {
	color: white;
	background-color: black;
}
#callToAction1 a {
	color: white;
}

@keyframes backgroundSwap1
{
  0% {
    background-color: #FFCE02;
  }
  25% {
    background-color: #76C4EF;
  }
  50% {
    background-color: #79C276;
  }
  75% {
    background-color: #FF8202;
  }
  100% {
    background-color: #FFCE02;
  }
}

#callToAction2 {
	color: white;
	animation: backgroundSwap1 4s infinite;
}
#callToAction2 a {
	color: white;
}

#callToAction3 {
	padding: 2rem;
	color: white;
	background-color: black;
}

#callToAction3 p,
#callToAction3 a {
	color: white;
}

/* comments */

#comments a.disabled {
	opacity: 0.65;
}

#comments .btn {
	font-size: 0.875rem;
}

#comments .avatarWrap {
	background-image: url("/wp-content/plugins/publica-allies/assets/img/avatar_default.png");
	background-size: cover;
	background-position: center center;
	width: 48px;
	height: 48px;
}
#comments .avatar {
	background-size: cover;
	background-position: center center;
	width: 48px;
	height: 48px;
}

#commentsActual {
	display: none;	
}

#commentsActual #commentsLoading {
	display:none;
}

#commentsActual.loading #commentsLoading {
	display:block;
}

.commentsHeading {
	background-color: #FFD400;
}

.commentWrap {
	border-bottom: 1px solid #dee2e6 !important;	
}

.commentWrap:last-child {
	border-bottom: 0 !important;
}

.comment {
	border-radius: 0.25rem;
	padding-top: 0.5rem;
}

.comment.highlighted {
	background-color: #dee2e6;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd400+0,ffd400+100&1+0,0+50 */
/*	background: -moz-linear-gradient(left, rgba(255,212,0,1) 0%, rgba(255,212,0,0) 50%, rgba(255,212,0,0) 100%); /* FF3.6-15 */
/*	background: -webkit-linear-gradient(left, rgba(255,212,0,1) 0%,rgba(255,212,0,0) 50%,rgba(255,212,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
/*	background: linear-gradient(to right, rgba(255,212,0,1) 0%,rgba(255,212,0,0) 50%,rgba(255,212,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd400', endColorstr='#00ffd400',GradientType=1 ); /* IE6-9 */
}

.comment .hideReplies {
	display: none;
}

.comment.repliesShown .hideReplies {
	display: inline-block;
}

.comment .loadReplies {
	display: none;
}

.comment.hasReplies .loadReplies {
	display: inline-block;
}

.comment.repliesShown .loadReplies {
	display: none;
}

.comment .isLoading {
	display: none;
}

.comment.loading .isLoading {
	display: inline-block;
}

.comment .toggleVote {
	min-width: 100px;
	display: inline-block;
}

.comment .votes {
	display: none;
}

.comment.hasVotes .votes {
	display: inline;
}

.comment .userHasVoted {
	display: none;
}

.comment.hasVoted .userHasVoted {
	display: inline-block;
}

.comment.hasVoted .userHasNotVoted {
	display: none;
}

#alliesCommentFormSection,
#alliesLoginForm,
#alliesFlagFormSection {
	display: none;
	position: fixed;
	bottom:1rem;
	left: 1rem;
	right: 1rem;
	z-index: 10000000;
	background-color: white;
	border: 1px solid #eee;
	border-radius: 0.20rem;
	box-shadow: 0 0 4px #eee;
}

#alliesCommentFormSection .alliesCommentLogin {
	display: block;
}

#alliesCommentFormSection.canComment .alliesCommentLogin {
	display: none;
}

#alliesCommentFormSection.canComment .alert {
	display: none;
}

.commentReplies {
	border-left: 1px solid #ccc;
}

.reply .replyButton,
.reply .loadReplies,
.reply .hideReplies {
	display: none;
}

/* Flags */
#alliesFlagFormSection #alliesFlagForm {
	display: none;
}

#alliesFlagFormSection.canFlag #alliesFlagForm {
	display: block;
}

#alliesFlagFormSection.canFlag .alert {
	display: none;
}

/* call to action in header */
#alliesCallToActionHeader {
	border-bottom: 1px solid #efefef;
}

/* Article end call to action */
.alliesCallToActionWrap {
	display: inline;
	background-color: #FFD400;
}
.alliesCallToAction {
	font-style: italic;
	display: inline;
}
.alliesCallToAction .notItalic {
	font-style: normal;
}

/*
.alliesCallToActionWrap {
	border-top: 3px solid #FFD400;
	font-size: smaller;
}
.alliesCallToAction {
}
*/

/*
.alliesCallToActionWrap:before {
	content: url("/wp-content/themes/apublica3/assets/post_signature2.png");
	vertical-align: top;
	margin-right: 4px;	
}
*/


/*
#alliesCallToActionBox {
	background-color: #F8F9FA;
	border-bottom: 3px solid #FFD400;
}

#alliesCallToActionBox a {
}

#alliesCallToActionBox h4 {
	font-family: "Bitter", Georgia, 'Times New Roman', Times, serif;
	font-weight: bold;
}
*/

/* Call to action stuff */

/* Pulsing heart in aliados colors (requires 4 seconds) */
@keyframes heartbeat
{
  0%
  {
    transform: scale( .75 );
    color: #FFCE02;
  }
  15%
  {
    transform: scale( .75 );
    color: #FFCE02;
  }
  20%
  {
    transform: scale( 1 );
    color: #76C4EF;
  }
  25%
  {
    transform: scale( .75 );
    color: #FFCE02;
  }
  30%
  {
    transform: scale( 1 );
    color: #79C276;
  }
  35%
  {
    transform: scale( .75 );
    color: #FFCE02;
  }
  40%
  {
    transform: scale( .75 );
    color: #FFCE02;
  }
  50%
  {
    transform: scale( .75 );
    color: #FFCE02;
  }
  65%
  {
    transform: scale( .75 );
    color: #FFCE02;
  }
  80%
  {
    transform: scale( 1 );
    color: #FF8202;
  }
  75%
  {
    transform: scale( .75 );
    color: #FFCE02;
  }
  80%
  {
    transform: scale( 1 );
    color: #FF8202;
  }
  85%
  {
    transform: scale( .75 );
    color: #FFCE02;
  }
  90%
  {
    transform: scale( .75 );
    color: #FFCE02;
  }
  100%
  {
    transform: scale( .75 );
    color: #FFCE02;
  }
}

/*
//Pulsing heart in red (requires 2 seconds)
@keyframes heartbeat
{
  0%
  {
    transform: scale( .75 );
  }
  30%
  {
    transform: scale( .75 );
  }
  40%
  {
    transform: scale( 1 );
  }
  50%
  {
    transform: scale( .75 );
  }
  60%
  {
    transform: scale( 1 );
  }
  70%
  {
    transform: scale( .75 );
  }
  80%
  {
    transform: scale( .75 );
  }
  100%
  {
    transform: scale( .75 );
  }
}
*/

.heartAnimation{
/*	color: red; */
	animation: heartbeat 4s infinite;
}
.heartAnimationWrap,
.callToActionAnimationWrap {
	float: left;
	margin-right: 1rem;
	margin-bottom: 1rem;
}

/* popup */
#popmake-54826 {
/*	background-position: center center;
	background-size: cover !important;
	background-image: url(https://apublica.org/wp-content/uploads/2019/04/popupbackground.jpg) !important; */
	background-color: #FFD400;
	bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
	top: auto !important;
	min-height: 320px;
}

.pum-container .firstSection {
/*	text-shadow: 3px 3px 2px #333; */
	font-family: "Bitter", "Georgia", serif;
	font-size: large;
}

.pum-title.popmake-title {
/*	text-shadow: 3px 3px 2px #333 !important; */
	font-family: "Bitter", "Georgia", serif !important;
}

.pum-theme-hello-box .pum-title {
	font-size: 24px !important;
	line-height: 28px !important;
}

@media (min-width: 768px) {
	.pum-container {
		padding: 5rem !important;
	}

	.pum-theme-hello-box .pum-title {
		font-size: 32px !important;
		line-height: 36px !important;
	}

}