/*
Theme Name:		Pak Observer
Theme URI:		https://pakobserver.net/
Description: 	Child Theme based on Hello Elementor for PakObserver
Author:			Digital Perception
Author URI:   	https://www.perceptiond.pk/
Template:     	hello-elementor
Version:      	1.0.6
*/



/* GoTo Top */


.goto-top-btn{
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.goto-top-btn a.elementor-icon {
    border-color: #A3A3A354 !important;
    box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, .1), 0 2px 6px rgba(0, 0, 0, .1);
    background: hsla(0, 0%, 70.6%, .15);
}

.goto-top-btn svg {
    
    fill: var(--e-global-color-ef7722f);
}

body.show-goto-top .goto-top-btn{
    opacity: 1;
    visibility: visible;
}

/* Sliding Header */

#sliding-header-menu {
	position: fixed;
	top: -80px; 
	left: 0;
	right: 0;
	transition: top 0.4s ease;
	z-index: 1000;
	width: 100%; 
	max-width:1350px;
	align-items:center;
	margin: 0 auto;

}


/* Sticky Sidebars */

@media (min-width: 1025px){
	.po-sidebar-sticky-wrapper {
		position: relative;
	}

	.po-sidebar-sticky {
		position: sticky !important;
		top: 20px;
	}
}

/* Posts list widget */

.list-with-arrows .elementor-post__title::before {
    content: '\f0da';
    font-family: 'FontAwesome';
    font-size: 17px;
    position: absolute;
    left: 0;
    color: var( --e-global-color-7d244e0 );
}

.list-with-arrows .elementor-post:last-child {
    border: none !important;
}


/*BG image Filler*/

.po-bg-img {
    position: absolute !important;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 0 !important;
}

.po-bg-img.z-minus {
    z-index: -1 !important;
}

.po-bg-img img {
    object-fit: cover;
    width: 100%;
    height: 100% !important;
}

/* Heading Styles */

.po-head-title::after {
	content:"";
	width:100%;
	height:2.4px;
	left:0;
	bottom:-14px;
	position:absolute;
	z-index:9;
	background:linear-gradient(to right, var(--e-global-color-7d244e0) 16%,var(--e-global-color-10bfc8c) 10%);
}

/* Utilities */

[readonly]{
	background-color: #e9ecef !important;
}

body .share-btn-wrapper {
    flex:1;
    cursor: pointer;
}

body .share-btn-wrapper a {
    width: 100%;
}

.share-btn-wrapper .elementor-button svg {
    width: auto;
    height: 20px;
}

.share-btn-wrapper .elementor-button > span {
    display: flex;
    align-items: center;
}

@media (max-width:1199px){
    .single .elementor-share-btn__text, .share-btn-wrapper .elementor-button-text {
        display: none;
    }
    body .po-sharebar {
	    flex:4;
	}

	body .po-sharebar .elementor-grid{
	    flex:4;
	    display: flex;
	}

	body .po-sharebar .elementor-grid-item {
	    flex: 1;
	}
	body .po-sharebar .elementor-share-btn {
	    justify-content: center
	}
}

/* Dark Mode Toggler */

.selector {
    position: absolute;
    top: 30px;
}

.theme-switcher {
    position: absolute;
    opacity: 0;
}

.dm-label {
    width: 50px;
    height: 25px;
    background: #E5E5E5;
    border-radius: 50px;
    display: flex;
    justify-content: space-between;
    padding: 3px 5px;
    transform: scale(1);
    transition: background 0.5s;
    cursor: pointer;
}

.theme-switcher:checked + .dm-label {
    background: #4c4c4c;
}

.dm-label i {
    background: #fff;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    text-align: center; 14px;
    padding: 2px;
    position: absolute;
    left: 3px;
    transition: all 0.6s;
    color: #000;
}

.theme-switcher:checked + .dm-label i {
    transform: translateX(25px);
}

.dm-label .fa-sun-o {
    opacity: 0;
}

.dark-mode .dm-label .fa-sun-o {
    opacity: 1;
    z-index: 1;
}

@media (max-width: 1024px){
	.dm-label {
		background-color: #4c4c4c;
	}
}

/* Dark Mode - START */

body.dark-mode {
    --e-global-color-primary: #1A1A1A;
    --e-global-color-secondary: #ffffff;
    --e-global-color-text: #CACACA;
    --e-global-color-accent: #61CE70;
    --e-global-color-9d63798: #000000;
    --e-global-color-7d244e0: #ffffff !important;
    --e-global-color-10bfc8c: #303030 !important;
    --e-global-color-591b140: #282828;
    --e-global-color-bec379c: #CACACA;
    --e-global-color-8a5d609: #494949;
    --e-global-color-ef7722f: #ffffff;
    --e-global-color-bc0606a: #131313;
    --e-global-color-564349d: #161616;
}

#light-logo {
	display: none;
}

.dark-mode #light-logo {
	display: block;
}

.dark-mode #dark-logo {
	display: none;
}

.dark-mode .elementor-nav-menu .sub-arrow svg {
    fill: #fff;
}


/* Forex Ticker */
.forex-ticker-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-left: 100%;
    background-color: #272932;
    box-sizing: content-box;
}

.forex-ticker {
    display: inline-block;
    white-space: nowrap;
    animation: ticker 100s linear infinite;
    padding-right: 100%;
    box-sizing: content-box;
}

.forex-ticker .ticker-item {
    display: inline-flex;
    margin-right: 50px;
    gap: 10px;
}

.forex-ticker .ticker-item .item-label{
    color: #fff;
}

.forex-ticker .ticker-item .green{
    color: #68d391;
}

.forex-ticker .ticker-item .red{
    color: #f56565;
}

@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}