/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

<?php

/* =========================================================
   MULTIPLEX IPTV
   PREMIUM DYNAMIC HEADER
   ========================================================= */


/* =========================================================
   HIDE BLOCKSY HEADER
   ========================================================= */

header#header,
#header,
.ct-header {
	display: none !important;
}


/* =========================================================
   HEADER
   ========================================================= */

.mx-site-header,
.mx-site-header * {
	box-sizing: border-box;
}

.mx-site-header {

	position: sticky;
	top: 0;

	z-index: 99999;

	width: 100%;

	background:
		linear-gradient(
			180deg,
			rgba(0, 0, 0, .97),
			rgba(2, 5, 11, .94)
		);

	border-bottom:
		1px solid rgba(255,255,255,.065);

	-webkit-backdrop-filter:
		saturate(180%)
		blur(22px);

	backdrop-filter:
		saturate(180%)
		blur(22px);

	font-family:
		-apple-system,
		BlinkMacSystemFont,
		"SF Pro Display",
		"Segoe UI",
		Helvetica,
		Arial,
		sans-serif;

	transition:
		background .3s ease,
		box-shadow .3s ease,
		border-color .3s ease;
}


/* SCROLLED */

.mx-site-header.mx-header-scrolled {

	background:
		rgba(0,0,0,.94);

	border-bottom-color:
		rgba(255,255,255,.09);

	box-shadow:
		0 10px 35px rgba(0,0,0,.18);

}


/* =========================================================
   BLUE AMBIENT GLOW
   ========================================================= */

.mx-header-glow {

	position: absolute;

	top: -130px;
	left: 7%;

	width: 370px;
	height: 190px;

	border-radius: 50%;

	background:
		rgba(47,128,255,.14);

	filter: blur(80px);

	pointer-events: none;

	opacity: .65;

}


/* =========================================================
   HEADER INNER
   ========================================================= */

.mx-header-inner {

	position: relative;
	z-index: 2;

	width:
		min(1240px, calc(100% - 42px));

	height: 72px;

	margin: 0 auto;

	display: flex;
	align-items: center;

	gap: 34px;

}


/* =========================================================
   LOGO
   ========================================================= */

.mx-header-logo {

	display: flex;
	align-items: center;

	flex-shrink: 0;

	text-decoration: none !important;

}


/* FULL DESKTOP LOGO */

.mx-logo-desktop {

	display: block;

	width: 184px;
	height: 50px;

	object-fit: contain;
	object-position: left center;

}


/* MOBILE ICON */

.mx-logo-mobile {

	display: none;

	width: 42px;
	height: 42px;

	object-fit: contain;

}


/* =========================================================
   DESKTOP NAV WRAPPER
   ========================================================= */

.mx-header-nav {

	flex: 1;

	display: flex;
	align-items: center;
	justify-content: flex-end;

	min-width: 0;

}


/* =========================================================
   WORDPRESS DESKTOP MENU
   ========================================================= */

.mx-desktop-menu {

	margin: 0 !important;
	padding: 0 !important;

	list-style: none !important;

	display: flex;
	align-items: center;

	gap: 4px;

}


/* LI */

.mx-desktop-menu > li {

	position: relative;

	margin: 0 !important;
	padding: 0 !important;

	list-style: none !important;

}


/* LINKS */

.mx-desktop-menu > li > a {

	position: relative;

	min-height: 38px;

	padding: 0 12px;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	border-radius: 999px;

	color:
		rgba(255,255,255,.70) !important;

	text-decoration: none !important;

	font-size: 12px;
	line-height: 1;

	font-weight: 520;

	letter-spacing: -.012em;

	white-space: nowrap;

	transition:
		color .2s ease,
		background .2s ease,
		transform .2s ease;

}


/* HOVER */

.mx-desktop-menu > li > a:hover {

	color: #FFFFFF !important;

	background:
		rgba(255,255,255,.055);

}


/* =========================================================
   ACTIVE PAGE
   ========================================================= */

.mx-desktop-menu > li.current-menu-item > a,
.mx-desktop-menu > li.current_page_item > a,
.mx-desktop-menu > li.current-menu-ancestor > a {

	color: #FFFFFF !important;

	background:
		rgba(255,255,255,.065);

}


/* ACTIVE BLUE DOT */

.mx-desktop-menu >
li.current-menu-item:not(:last-child) > a::after,

.mx-desktop-menu >
li.current_page_item:not(:last-child) > a::after {

	content: "";

	position: absolute;

	bottom: 3px;
	left: 50%;

	width: 3px;
	height: 3px;

	border-radius: 50%;

	background: #2F80FF;

	transform: translateX(-50%);

	box-shadow:
		0 0 8px rgba(47,128,255,.8);

}


/* =========================================================
   FREE TRIAL
   LAST WORDPRESS MENU ITEM
   ========================================================= */

.mx-desktop-menu >
li:last-child {

	margin-left: 6px !important;

}


.mx-desktop-menu >
li:last-child > a {

	min-height: 39px;

	padding:
		0 18px;

	background:
		linear-gradient(
			135deg,
			#2F80FF,
			#176EF4
		);

	color:
		#FFFFFF !important;

	font-weight: 650;

	box-shadow:
		0 7px 22px
		rgba(47,128,255,.23);

	border:
		1px solid
		rgba(255,255,255,.08);

}


.mx-desktop-menu >
li:last-child > a:hover {

	background:
		linear-gradient(
			135deg,
			#438DFF,
			#2F80FF
		);

	transform:
		translateY(-1px);

	box-shadow:
		0 10px 28px
		rgba(47,128,255,.32);

}


/* =========================================================
   MOBILE ACTIONS
   ========================================================= */

.mx-header-actions {

	display: none;

	align-items: center;

	gap: 7px;

	margin-left: auto;

}


/* MOBILE PLANS */

.mx-mobile-plans {

	min-height: 36px;

	padding: 0 13px;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	border-radius: 999px;

	background:
		rgba(255,255,255,.06);

	border:
		1px solid
		rgba(255,255,255,.07);

	color:
		rgba(255,255,255,.82) !important;

	text-decoration:
		none !important;

	font-size: 11px;
	font-weight: 600;

}


/* =========================================================
   MOBILE TOGGLE
   ========================================================= */

.mx-mobile-toggle {

	width: 40px;
	height: 40px;

	padding: 0;

	display: flex;
	flex-direction: column;

	align-items: center;
	justify-content: center;

	gap: 5px;

	border:
		1px solid
		rgba(255,255,255,.07);

	border-radius:
		50%;

	background:
		rgba(255,255,255,.055);

	cursor: pointer;

	transition:
		background .2s ease,
		border-color .2s ease;

}


.mx-mobile-toggle:hover {

	background:
		rgba(255,255,255,.09);

}


.mx-mobile-toggle span {

	width: 17px;
	height: 1px;

	margin: 0;

	display: block;

	background:
		#FFFFFF;

	border-radius:
		999px;

	transition:
		transform .25s ease,
		opacity .25s ease;

}


/* OPEN ICON */

body.mx-menu-open
.mx-mobile-toggle span:first-child {

	transform:
		translateY(3px)
		rotate(45deg);

}


body.mx-menu-open
.mx-mobile-toggle span:last-child {

	transform:
		translateY(-3px)
		rotate(-45deg);

}


/* =========================================================
   MOBILE MENU
   ========================================================= */

.mx-mobile-menu {

	position: relative;

	z-index: 1;

	max-height: 0;

	overflow: hidden;

	opacity: 0;

	background:
		linear-gradient(
			180deg,
			rgba(0,0,0,.98),
			#04070D
		);

	border-top:
		1px solid
		rgba(255,255,255,.00);

	transition:
		max-height .35s ease,
		opacity .25s ease,
		border-color .25s ease;

}


/* OPEN */

body.mx-menu-open
.mx-mobile-menu {

	max-height: 760px;

	opacity: 1;

	border-top-color:
		rgba(255,255,255,.07);

}


/* INNER */

.mx-mobile-menu-inner {

	width:
		min(560px, calc(100% - 34px));

	margin:
		0 auto;

	padding:
		17px 0 27px;

}


/* SMALL HEADER */

.mx-mobile-menu-top {

	padding:
		3px 5px 14px;

	display:
		flex;

	align-items:
		center;

	justify-content:
		space-between;

	border-bottom:
		1px solid
		rgba(255,255,255,.07);

}


.mx-mobile-menu-top span {

	color:
		#FFFFFF;

	font-size:
		10px;

	font-weight:
		700;

	text-transform:
		uppercase;

	letter-spacing:
		.08em;

}


.mx-mobile-menu-top small {

	color:
		#666970;

	font-size:
		9px;

}


/* =========================================================
   MOBILE WORDPRESS MENU
   ========================================================= */

.mx-mobile-nav-list {

	margin: 0 !important;
	padding: 9px 0 0 !important;

	list-style:
		none !important;

}


.mx-mobile-nav-list > li {

	margin: 0 !important;
	padding: 0 !important;

	list-style:
		none !important;

}


.mx-mobile-nav-list > li > a {

	min-height: 53px;

	padding:
		0 6px;

	display:
		flex;

	align-items:
		center;

	border-bottom:
		1px solid
		rgba(255,255,255,.065);

	color:
		#F5F5F7 !important;

	text-decoration:
		none !important;

	font-size:
		17px;

	font-weight:
		520;

	letter-spacing:
		-.025em;

	transition:
		color .2s ease,
		padding .2s ease;

}


.mx-mobile-nav-list >
li > a:hover {

	color:
		#72A6FF !important;

	padding-left:
		11px;

}


/* CURRENT MOBILE PAGE */

.mx-mobile-nav-list >
li.current-menu-item >
a,

.mx-mobile-nav-list >
li.current_page_item >
a {

	color:
		#72A6FF !important;

}


/* =========================================================
   MOBILE FREE TRIAL
   LAST MENU ITEM
   ========================================================= */

.mx-mobile-nav-list >
li:last-child {

	margin-top:
		16px !important;

}


.mx-mobile-nav-list >
li:last-child >
a {

	min-height:
		49px;

	padding:
		0 18px;

	display:
		flex;

	align-items:
		center;

	justify-content:
		center;

	border:
		0;

	border-radius:
		999px;

	background:
		linear-gradient(
			135deg,
			#2F80FF,
			#176EF4
		);

	color:
		#FFFFFF !important;

	font-size:
		13px;

	font-weight:
		680;

	box-shadow:
		0 8px 25px
		rgba(47,128,255,.25);

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

	.mx-header-inner {

		width:
			calc(100% - 30px);

		gap:
			20px;

	}


	.mx-logo-desktop {

		width:
			165px;

	}


	.mx-desktop-menu {

		gap:
			1px;

	}


	.mx-desktop-menu >
	li > a {

		padding:
			0 9px;

		font-size:
			11px;

	}

}


/* =========================================================
   MOBILE BREAKPOINT
   ========================================================= */

@media (max-width: 930px) {

	.mx-header-inner {

		height:
			62px;

		width:
			calc(100% - 26px);

	}


	.mx-header-nav {

		display:
			none;

	}


	.mx-header-actions {

		display:
			flex;

	}


	/* ICON ONLY ON MOBILE */

	.mx-logo-desktop {

		display:
			none;

	}


	.mx-logo-mobile {

		display:
			block;

	}

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

	.mx-header-inner {

		width:
			calc(100% - 22px);

		height:
			60px;

	}


	.mx-logo-mobile {

		width:
			39px;

		height:
			39px;

	}


	.mx-mobile-plans {

		font-size:
			10px;

		padding:
			0 12px;

	}


	.mx-mobile-toggle {

		width:
			38px;

		height:
			38px;

	}

}

/* =========================================================
   WORDPRESS ADMIN BAR FIX
   ========================================================= */

/* Logged-in desktop */
body.admin-bar .mx-site-header {
	top: 32px;
}

/* WordPress mobile admin bar */
@media screen and (max-width: 782px) {
	body.admin-bar .mx-site-header {
		top: 46px;
	}
}

/* Keep WordPress admin bar above custom header */
#wpadminbar {
	z-index: 100000 !important;
}

.mx-site-header {
	z-index: 9999;
}
















































/* =========================================================
   HIDE BLOCKSY DEFAULT FOOTER
   ========================================================= */

footer.ct-footer,
.ct-footer {
	display: none !important;
}


/* =========================================================
   MULTIPLEX IPTV CUSTOM FOOTER
   ========================================================= */

.mx-site-footer,
.mx-site-footer * {
	box-sizing: border-box;
}

.mx-site-footer {

	position: relative;

	width: calc(100% - 24px);

	margin: 12px auto;

	overflow: hidden;

	border-radius: 36px;

	background:
		radial-gradient(
			circle at 88% 10%,
			rgba(47,128,255,.16),
			transparent 31%
		),
		linear-gradient(
			145deg,
			#05070B 0%,
			#000000 58%,
			#020812 100%
		);

	border:
		1px solid rgba(255,255,255,.055);

	color: #FFFFFF;

	font-family:
		-apple-system,
		BlinkMacSystemFont,
		"SF Pro Display",
		"Segoe UI",
		Helvetica,
		Arial,
		sans-serif;

}


/* =========================================================
   AMBIENT GLOW
   ========================================================= */

.mx-footer-glow {

	position: absolute;

	width: 580px;
	height: 420px;

	right: -230px;
	top: -220px;

	border-radius: 50%;

	background:
		rgba(47,128,255,.17);

	filter:
		blur(100px);

	pointer-events:
		none;

}


/* =========================================================
   INNER
   ========================================================= */

.mx-footer-inner {

	position: relative;
	z-index: 2;

	width:
		min(1180px, calc(100% - 48px));

	margin:
		0 auto;

	padding:
		72px 0 27px;

}


/* =========================================================
   TOP GRID
   ========================================================= */

.mx-footer-top {

	display: grid;

	grid-template-columns:
		minmax(0, 1.55fr)
		minmax(150px, .62fr)
		minmax(170px, .72fr);

	gap: 75px;

	align-items: start;

}


/* =========================================================
   BRAND
   ========================================================= */

.mx-footer-brand {

	max-width: 530px;

}

.mx-footer-logo {

	display:
		inline-flex;

	align-items:
		center;

	text-decoration:
		none !important;

}

.mx-footer-logo img {

	display:
		block;

	width:
		205px;

	height:
		auto;

	object-fit:
		contain;

	object-position:
		left center;

}


/* DESCRIPTION */

.mx-footer-description {

	max-width:
		500px;

	margin:
		20px 0 0;

	color:
		#85878E;

	font-size:
		12px;

	line-height:
		1.75;

}


/* =========================================================
   BUTTONS
   ========================================================= */

.mx-footer-actions {

	margin-top:
		25px;

	display:
		flex;

	flex-wrap:
		wrap;

	gap:
		9px;

}

.mx-footer-btn {

	min-height:
		44px;

	padding:
		0 18px;

	display:
		inline-flex;

	align-items:
		center;

	justify-content:
		center;

	border-radius:
		999px;

	text-decoration:
		none !important;

	font-size:
		10px;

	font-weight:
		680;

	transition:
		transform .2s ease,
		background .2s ease,
		border-color .2s ease,
		box-shadow .2s ease;

}

.mx-footer-btn:hover {

	transform:
		translateY(-2px);

}


/* SECONDARY */

.mx-footer-btn-secondary {

	background:
		rgba(255,255,255,.055);

	border:
		1px solid rgba(255,255,255,.08);

	color:
		#FFFFFF !important;

}

.mx-footer-btn-secondary:hover {

	background:
		rgba(255,255,255,.09);

	border-color:
		rgba(255,255,255,.12);

}


/* PRIMARY */

.mx-footer-btn-primary {

	background:
		linear-gradient(
			135deg,
			#2F80FF,
			#176EF4
		);

	border:
		1px solid rgba(255,255,255,.07);

	color:
		#FFFFFF !important;

	box-shadow:
		0 9px 26px
		rgba(47,128,255,.22);

}

.mx-footer-btn-primary:hover {

	background:
		linear-gradient(
			135deg,
			#438DFF,
			#2F80FF
		);

	box-shadow:
		0 12px 31px
		rgba(47,128,255,.30);

}


/* =========================================================
   COLUMNS
   ========================================================= */

.mx-footer-column {

	display:
		flex;

	flex-direction:
		column;

	align-items:
		flex-start;

}

.mx-footer-title {

	display:
		block;

	margin-bottom:
		18px;

	color:
		#62656D;

	font-size:
		9px;

	line-height:
		1;

	font-weight:
		750;

	text-transform:
		uppercase;

	letter-spacing:
		.11em;

}


/* =========================================================
   STATIC FOOTER LINKS
   ========================================================= */

.mx-footer-links {

	width:
		100%;

	display:
		flex;

	flex-direction:
		column;

	align-items:
		flex-start;

	gap:
		13px;

}

.mx-footer-links a {

	position:
		relative;

	color:
		#B7B9BF !important;

	text-decoration:
		none !important;

	font-size:
		11px;

	line-height:
		1.35;

	font-weight:
		520;

	transition:
		color .2s ease,
		transform .2s ease;

}

.mx-footer-links a:hover {

	color:
		#FFFFFF !important;

	transform:
		translateX(2px);

}


/* FREE TRIAL LINK */

.mx-footer-links
.mx-footer-highlight-link {

	color:
		#72A6FF !important;

	font-weight:
		650;

}

.mx-footer-links
.mx-footer-highlight-link:hover {

	color:
		#A8C8FF !important;

}


/* =========================================================
   DIVIDER
   ========================================================= */

.mx-footer-divider {

	height:
		1px;

	margin:
		54px 0 23px;

	background:
		linear-gradient(
			90deg,
			transparent 0%,
			rgba(255,255,255,.10) 15%,
			rgba(255,255,255,.10) 85%,
			transparent 100%
		);

}


/* =========================================================
   DISCLAIMER
   ========================================================= */

.mx-footer-disclaimer {

	max-width:
		920px;

}

.mx-footer-disclaimer p {

	margin:
		0;

	color:
		#555860;

	font-size:
		8px;

	line-height:
		1.7;

}


/* =========================================================
   BOTTOM
   ========================================================= */

.mx-footer-bottom {

	margin-top:
		23px;

	padding-top:
		20px;

	border-top:
		1px solid rgba(255,255,255,.05);

	display:
		flex;

	align-items:
		center;

	justify-content:
		space-between;

	gap:
		20px;

}


/* COPYRIGHT */

.mx-footer-copyright {

	color:
		#60636B;

	font-size:
		9px;

	line-height:
		1.5;

}


/* BOTTOM LINKS */

.mx-footer-bottom-links {

	display:
		flex;

	align-items:
		center;

	gap:
		18px;

}

.mx-footer-bottom-links a {

	color:
		#70737A !important;

	text-decoration:
		none !important;

	font-size:
		9px;

	transition:
		color .2s ease;

}

.mx-footer-bottom-links a:hover {

	color:
		#FFFFFF !important;

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

	.mx-footer-top {

		grid-template-columns:
			1fr 1fr;

		gap:
			48px;

	}

	.mx-footer-brand {

		grid-column:
			1 / -1;

	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

	.mx-site-footer {

		width:
			calc(100% - 16px);

		margin:
			8px auto;

		border-radius:
			27px;

	}


	.mx-footer-inner {

		width:
			calc(100% - 32px);

		padding:
			54px 0 23px;

	}


	.mx-footer-top {

		grid-template-columns:
			1fr;

		gap:
			40px;

	}


	.mx-footer-brand {

		grid-column:
			auto;

	}


	.mx-footer-logo img {

		width:
			185px;

	}


	.mx-footer-description {

		font-size:
			11px;

	}


	.mx-footer-actions {

		flex-direction:
			column;

	}


	.mx-footer-btn {

		width:
			100%;

	}


	.mx-footer-divider {

		margin-top:
			43px;

	}


	.mx-footer-bottom {

		flex-direction:
			column;

		align-items:
			flex-start;

	}


	.mx-footer-bottom-links {

		flex-wrap:
			wrap;

	}

}