/* ---------------------------------------------------------------------------------------------

	Theme Name: Press Enquirer
	Template: poe
    Text Domain: poe
	Version: 1.0
	Description: Providing transparency for today's headlines
	Author URI: https://pressenquirer.com
	Theme URI: https://pressenquirer.com
	License: GNU General Public License version 2.0
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Requires PHP: 5.6
	Tested up to: 6.1

	All files, unless otherwise stated, are released under the GNU General Public License
	version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

/* --------------------------------------------------------------------------------------------- */

/* Add PE Logo to header and footer h1 */
header h1 a:before,
footer h1 a:before{
background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="5.75" stroke="%231D201F" stroke-width="2.5"/><circle cx="12" cy="12" r="10.75" stroke="%231D201F" stroke-width="2.5"/></svg>');
background-repeat: no-repeat;
background-position: 0 0;
height: 24px;
width: 24px;
content:' ';
display: inline-block;
margin-bottom: -0.2em;
margin-right: 0.2em;
}

b{
	font-weight: 500 !important;
}

/* Single Post Template Overrides */
.single h1.wp-block-post-title b{
	font-weight: 500;
}

/* Post Ratings */
.thumbs-rating-container{
	position: relative;
	margin-top: 0;
}

.thumbs-rating-container:after{
	content:' ';
	height: 1px;
	width: 33%;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 33%;
}


.thumbs-rating-up,
.thumbs-rating-down{
	position: relative;
	background: rgba(0,0,0,1) !important;
	border-color: rgba(0,0,0,1) !important;
	border-width: 1px;
	border-style: solid;
	overflow: hidden;
	display: inline-block;
	text-align: center;
	box-sizing: border-box;
	transition: .1s;
	transition-timing-function: ease-in-out;
	transform-origin: center center;
	width: 140px;
	font-size: 1em;
	padding: 1em;
	margin: 0 10px;
	}

@keyframes upvote {
  30% { transform: scale(1.2); }
  40%, 60% { transform: rotate(-20deg) scale(1.2); }
  50% { transform: rotate(20deg) scale(1.2); }
  70% { transform: rotate(0deg) scale(1.2); }
  100% { transform: scale(1); }
}

@keyframes downvote {
  30% { transform: scale(1.2); }
  40%, 60% { transform: rotate(20deg) scale(1.2); }
  50% { transform: rotate(45deg) scale(1.2); }
  70% { transform: rotate(0deg) scale(1.2); }
  100% { transform: scale(1); }
}

.thumbs-rating-up:hover:after{
animation: upvote 1s ease infinite;
}

.thumbs-rating-down:hover:after{
animation: downvote 1s ease infinite;
}

.thumbs-rating-up:before {
	padding-top: 0.1em;
	content: 'Yes';  
	margin-left: -4%;
	color: #fff;
}

.thumbs-rating-down:before {
	padding-top: 0.1em;
	content: 'No'; 
	margin-left: -2%;
	color: #fff;
}

.thumbs-rating-up:after {
	content: '👍';
    margin-left: 4%;
}

.thumbs-rating-down:after {
	content: '👎';
	margin-left: 2%;
}

.thumbs-rating-up:hover,
.thumbs-rating-down:hover{
	background: white;
}

.thumbs-rating-up:hover:after {
	transform: rotate(-20deg);
	transform-origin: 50px 14px;
	transition: all 100ms ease-out;
}

.thumbs-rating-down:hover:after {
	transform: rotate(20deg);
	transform-origin: 50px 14px;
	transition: all 100ms ease-out;
}

.thumbs-rating-up.thumbs-rating-voted,
.thumbs-rating-down.thumbs-rating-voted{
	opacity: 1;
}

.thumbs-rating-up,
.thumbs-rating-down{
	opacity: 1;
}

.thumbs-rating-already-voted{
	font-weight: 100;
	text-transform: uppercase;
	margin-bottom: 15px;
	opacity: 0.6;
	font-size: 10px !important;
	margin-top: 15px;
}

.thumbs-rating-up,
.thumbs-rating-down{
	text-indent: -999px;
}

.thumbs-rating-up:before,
.thumbs-rating-down:before{
	position: absolute;
	top: 25%;
	left: 0;
	z-index: 9999;
	width: 98%;
	text-indent: 0;
}

.thumbs-rating-up:after,
.thumbs-rating-down:after{
	position: absolute;
	top: 25%;
	left: 25px;
	z-index: 9999;
	width: 100%;
	text-indent: 0;
}

/* MTS Styles */
.mts {
    width: 100%;
    line-height: 16px;
	margin-top: 0.7em;
}

.negative{
	color: red;
}

.positive{
	color: green;
}

/* MTS Trend Bar */
.progress {
    margin-top: 0.5rem;
    position: relative;
    overflow: visible;
}

.progress-thin {
    height: 8px;
    border-radius: 0.125rem;
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem;
}

.progress-label span + span{
display: none;
}

.progress {
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    font-size: 0.75rem;
    background-color: rgba(0,0,0,0.1);
    border-radius: 0.25rem;
    margin-top: 1.5em !important;
}

.float-right {
    float: right;
}

.marker {
    display: inline-block;
    width: 2px;
    height: 16px;
    background-color: rgba(0,0,0,0.8);
    position: absolute;
    border-radius: 2px;
    margin-top: -4px;
    top: 0;
    z-index: 100;
    outline: 1px solid rgba(255,255,255,0.8);
    transition: 3s ease all;
}

.progress-bar {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: var(--wp--preset--color--primary);
}

.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: visible;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    transition: width 0.6s ease;
}



/* ALM Overrides */
#ajax-load-more a b{
	font-weight: 500;
}

#ajax-load-more a{
	text-decoration: none;
}

#ajax-load-more a:hover{
	text-decoration: underline;
}
 
.alm-btn-wrap .alm-load-more-btn{
	background-color: var(--wp--preset--color--primary) !important;
    border-radius: 0 !important;
    border-width: 0 !important;
    color: var(--wp--preset--color--background) !important;
    font-family: inherit;
    font-size: var(--wp--preset--font-size--medium) !important;
    font-weight: 500 !important;
    line-height: var(--wp--custom--typography--line-height--headings--large) !important;
    padding-top: 1em !important;
    padding-right: 1.33em !important;
    padding-bottom: 1em !important;
    padding-left: 1.33em !important;
    text-decoration: none;
	height: auto !important;
}

.alm-btn-wrap .alm-load-more-btn.loading{
	padding-left: 64px !important;
}

.alm-btn-wrap .alm-load-more-btn.loading:before{
    margin: 0.85em !important;
}

/* wpDataTable Apex Chart Overrides */
.apexcharts-legend-text{
font-size: 0.8em !important;
letter-spacing: 0.08em;
padding-right: 1em !important;
padding-left: 1.1em !important;
}

/* GamiPress Modifications */
.gamipress-notification{
border-radius: 6px !important;
box-shadow: 0px 4px 6px -2px rgba(0,0,0,0.05), 0px 10px 15px -3px rgba(0,0,0,0.10);
border: 1px solid rgba(255,255,255,1);
}

.gamipress-notification-close{
opacity: 0.4;
}

.gamipress-notification:hover{
border: 1px solid rgba(0,0,0,1);
}

.gamipress-notification-close:hover{
opacity: 1;
}

h2.gamipress-notification-title{
font-size: 0.8em;
}

.gamipress-notification-description p{
font-size: 0.7em;
opacity: 0.8;
}

/* Sticky Mobile Footer and Header adjustments */
@media (max-width: 600px) {
	main{
	padding-top: 0 !important;
	}

	.wp-site-blocks {
	    padding-top: 0;
	}

	.wp-site-blocks > * {
	    margin-block-start: 0;
	}

	header{
		display: none;
	}

	header h1 a:before,
	footer h1 a:before{
		margin-bottom: -0.3em;
		margin-right: 0.25em;
	}

	footer{
		background-color: white;
		padding-top: 1em;
		padding-bottom: 1em;
		padding-left: 0;
		padding-right: 0;
		position: fixed;
		bottom: 0;
		width: 100%;
		z-index: 9999;
	}
}