/*
    Theme Name:   Czerwona Szpilka
    Description:  Kadence Child Theme
    Author:       EatNet
    Author URI:   https://eatnet.pl/
    Template:     kadence
    Version:      1.0.0
    Text Domain:  czerwona-szpilka
*/

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

@keyframes pulse {
    0%   { transform: translate(-50%, -50%) scale(1); }
    50%  { transform: translate(-50%, -50%) scale(0.8); }
    100% { transform: translate(-50%, -50%) scale(1); }
}
.animated_heart {
    position: relative;
}
.animated_heart::after {
    content: url('svg/vibeletter_heart.svg');
    position: absolute;
    top: calc(50% + 7px);
    left: 50%;
    animation: pulse 1.5s infinite ease-in-out;
}
.site-header-item {
    margin-right: 0;
}
.header-button-wrap {
    margin-left: 15px;
}
.list_style_none {
    list-style: none;
    margin-left: 0;
    margin-bottom: 0;
}
.justify_content__center {
    justify-content: center;
}
.wpcf7-form .button:disabled {
    opacity: 1;
}
.vibeletter_section label {
    width: 100% !important;
}

.footer-widget-area .widget {
    margin-bottom: 0;
}
.footer-widget-area h6 {
    font-family: inherit;
    text-transform: none;
}
.footer-widget-area .profil_facebook::before,
.footer-widget-area .profil_instagram::before,
.footer-widget-area .profil_tiktok::before,
.footer-widget-area .profil_youtube::before {
    content: '';
    display: block;
    background-color: var(--eatnet_white_color);
}
.footer-widget-area .profil_facebook:hover::before,
.footer-widget-area .profil_instagram:hover::before,
.footer-widget-area .profil_tiktok:hover::before,
.footer-widget-area .profil_youtube:hover::before {
    background-color: var(--eatnet_red_color);
}
.footer-widget-area .profil_facebook::before {
    mask-image: url('svg/facebook.svg');
    -webkit-mask-image: url('svg/facebook.svg');
    width: 25px;
    height: 25px;
    mask-size: contain;
    -webkit-mask-size: contain;
}
.footer-widget-area .profil_instagram::before {
    mask-image: url('svg/instagram.svg');
    -webkit-mask-image: url('svg/instagram.svg');
    width: 25px;
    height: 25px;
    mask-size: contain;
    -webkit-mask-size: contain;
}
.footer-widget-area .profil_tiktok::before {
    background-image: url('svg/tiktok_icon_black.svg');
    background-repeat: no-repeat;
    background-position: center center;
    mask-image: url('svg/tiktok.svg');
    -webkit-mask-image: url('svg/tiktok.svg');
    width: 25px;
    height: 25px;
    mask-size: contain;
    -webkit-mask-size: contain;
}
.footer-widget-area .profil_youtube::before {
    mask-image: url('svg/youtube.svg');
    -webkit-mask-image: url('svg/youtube.svg');
    width: 34px;
    height: 25px;
    mask-size: contain;
    -webkit-mask-size: contain;
}
.footer-widget-area .profil_facebook span,
.footer-widget-area .profil_instagram span,
.footer-widget-area .profil_tiktok span,
.footer-widget-area .profil_youtube span {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

@media (max-width: 899px) {
    .vibeletter_mobile_background {
        background-position-x: 48% !important;
    }
}
@media (max-width: 1024px) {
    .footer_mobile_margin {
        margin-top: 30px;
    }
    .vibeletter_thankyou_mobile_background > .kt-inside-inner-col {
        background-position-x: 90% !important;
    }
}

/***** start videopodcast *****/
body.videopodcast-template-default #primary{
	margin-top:0;
	margin-bottom:0;
}
body.videopodcast-template-default #primary .site-container{
	max-width:100%;
	padding-left:0;
	padding-right:0;
}
body.videopodcast-template-default #primary .site-container article header{
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	padding-top:60px;
}
body.videopodcast-template-default #primary .site-container article header h1{
	font-size:70px;
	line-height:90%;
}
h2.font-line-height-130{
	line-height:130%;
}
.videopodcast-header figure{
	margin:0;
}
.row-wystajace-zdjecie{
  position: relative;
  overflow: visible !important;
}
.row-wystajace-zdjecie .wp-block-kadence-column:last-child {
  margin-right: -100px; /* wystawienie poza tło */
  z-index: 2;
  position: relative;
}
@media (max-width: 1024px) {
	body.videopodcast-template-default #primary .entry-content-wrap{
		padding-top:0;
		padding-bottom:0;
	}
}
@media (max-width: 767px) {
	body.videopodcast-template-default #primary .entry-content-wrap{
		padding-top:0;
		padding-bottom:0;
	}
}
/***** end videopodcast *****/