/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 02 2025 | 13:40:29 */
.bio-container {
	max-width: 1360px;
	padding: 16px;
	margin:0 auto;
	display: flex;
	justify-content: center;
}

.bio-container .row {
	display: flex;
	width: 100%; /* Upewnia się, że kolumny zajmują całą szerokość */
	gap: 40px;
}

.bio-container .row .column {
	background-color: #F2EEE0;
	border-radius: 20px;
	width: 50%;
	padding: 10px;
	border-radius: 14px;
}


.author-bio {
	padding: 40px !important;
	padding-bottom: 120px !important;
	min-height: 650px;
}

.author-image {
	background-size: cover;
	background-position: center center;
}

.author-bio h5 {
	font-family: Antarctica;
	font-weight: 400;
	font-size: 32px;
	line-height: 120%;
	letter-spacing: -2%;
	color: #141011;
}

.author-bio .tags {
	width: 100%;
	display: block;
	padding-bottom: 50px;
}

.author-bio .tags .tag {
	display: inline-block;
	color: #141011;
	background: #FAF6E8;
	padding: 8px 14px;
	border-radius: 10px;
	margin-right: 10px;
}

.author-bio p {
	font-family: Antarctica VAR;
	font-weight: 300;
	font-size: 19px;
	line-height: 140%;
	letter-spacing: -2%;
	color: #141011;
}


@media screen and (max-width: 1330px) {

		.author-bio {
			padding: 20px !important;
			padding-bottom: 20px !important;
			min-height: 400px;
		}
	
       
        .bio-container .row .column {
            width: 50%;
            margin-bottom: 16px;
        }

        .bio-description .row .column:nth-child(1) {
            width: 50%;
        }
        .bio-description .row .column:nth-child(2) {
            width: 50%;
        }
	
	 .author-image.author-image-on-desktop {
            display: none;
        }

        .author-image.author-image-on-mobile {
            display: block !important;
            min-height: 600px;
        }
	
	
		.author-bio p {
			font-size: 16px;
		}
	}

@media screen and (max-width: 768px) {
	.bio-container .row {
         display: block !important;  
	}
	
	  .bio-container .row .column {
            width: 100%;
            margin-bottom: 16px;
        }
	
	.bio-description .row .column:nth-child(1) {
            width: 100%;
        }
        .bio-description .row .column:nth-child(2) {
            width: 100%;
        }
}
