/*
Theme Name: SP Media 2025
Theme URI: https://www.kadencewp.com/
Description: Child theme for Kadence
Author: SP-Media
Author URI: https://spmedia.pl/
Template: kadence
Version: 1.0.0
*/

.site-header-top-section-left .header-html-inner {
	display: flex;
	align-items: center;
	gap: 20px;
}


.site-header-top-section-left .header-html-inner p {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 0;
}
.site-top-header-wrap .social-icon-custom-svg svg path, .footer-social-inner-wrap .social-icon-custom-svg svg path {
	fill: white;
}
.site-top-header-wrap .header-social-wrap .header-social-inner-wrap a, .footer-social-inner-wrap .social-button {
	height: 32px;
	width: 32px;
	margin-left: 10px;
}
.site-footer .footer-social-wrap .footer-social-inner-wrap {gap: 0;}


.wp-block-kadence-advancedbtn .kb-button.kt-btn-has-svg-true {
	background: none;
	padding: 10px 20px 10px 12px;
	position: relative;
}


.wp-block-kadence-advancedbtn .kb-button.kt-btn-has-svg-true:hover {
	background: none;
	color: white;
}

.wp-block-kadence-advancedbtn .kb-button.kt-btn-has-svg-true:hover::after {
	max-width: 100%;
}

.wp-block-kadence-advancedbtn .kb-button.kt-btn-has-svg-true::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background: var(--global-palette1);
	width: 100%;
	max-width: 48px;
	transition: max-width .4s linear;
	height: 100%;
	border-radius: 3px;
}
.wp-block-kadence-advancedbtn .kb-button.kt-btn-has-svg-true span {
	position: relative;
	z-index: 2;
}
.wp-block-kadence-advancedbtn .kb-button.kt-btn-has-svg-true span.kb-svg-icon-wrap {
	margin-right: 20px;
	color: white;
	transform: rotate(-45deg);
	transition: transform .4s linear;
}

.wp-block-kadence-advancedbtn .kb-button.kt-btn-has-svg-true:hover span.kb-svg-icon-wrap {
	transform: rotate(0);
}
.sp-title {
	position: relative;
	display: inline-block;
}

.sp-title::before {
	content: '';
	display: block;
	width: 77px;
	height: 77px;
	background-image: url('/wp-content/uploads/2025/12/sp.svg');
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(-50%, -50%);
}
.sp-title::after {
	content: '';
	background: white;
	position:absolute;
	top: -64px;
	right: -116px;
	width: 50vw;
	display: block;
	height: 283px;
	z-index: -1;
}

.black-square-br::after {
	content: '';
	background: #0A0A0A;
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	width: 200px;
	height: 200px;
}

.title-icon-center {
	position: relative;
}

.title-icon-center svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}