/* @override 
	https://musicon.chmiel.cz/wp-content/themes/fundacja-musicon/superstyles/superstyles.css?*
	https://poznaj.musiconclub.local/wp-content/themes/fundacja-musicon/superstyles/superstyles.css?*
	*/

.petite {
	font-size: .8em;
}

/* misc */

main {
	padding-top: 4em;
}

.label {
	width: 270px;
	left: 0.5em !important;
	top: 196px;
	background: #D1E98E;
	padding: 1em;
	border-radius: 1em;
	font-size: 0.82em;
}

.hamburger-menu {
	display: none !important;
}

ul {
	padding-left: 1em;
}

.ff_tc_label a {
	display: inline-block !important;
	color: #95C11E !important;
}

.label-contact {
	background: #95C11E;
	padding: .25em .75em;
	border-radius: 1em;
}

.label-contact a {
	color: #fff !important;
}

hr {
	border-color: #E2E2E2;
}

/* general */

.white-text {
	color: #fff !important;
}

.col-1-1 {
	width: 100%;
}

.col-1-2 {
	width: 50%;
}

.col-1-2 .wp-block-column {
	width: 50%;
}

.col-1-4 {
	width: 25%;
	flex-direction: column;
}

.col-1-1, .col-1-2, .col-1-4 {
	margin-bottom: 1em;
}

.elementor-button {
	font-fmily: "Proxima-soft" !important;
	font-size: 1em !important;
}

.radius-1 img {
	border-radius: 1em !important;
}

.radius-2 img {
	border-radius: 2em !important;
}

.radius-3 img {
	border-radius: 3em !important;
}

.circle {
	width: 64px;
	height: 64px;
	display: inline-block;
	text-align: center;
	line-height: 1.5;
	margin-bottom: .56em;
	border-radius: 50%;
}

.white-circle {
	background: #fff;
}

.border-grey {
	border-color: #EAEAEA;
}

.elementor-column:has(.obejrzyj-film) {
	z-index: 1;
	overflow: visible !important;
}

.elementor-column:has(.obejrzyj-film):after {
	content: '';
	width: 112px;
	height: 76px;
	display: block;
	background: url(../img/obejrzyj.svg);
	top: 10px;
	right: -100px;
	z-index: 100 !important;
	position: absolute;
}

/* elementor */

.elementor-custom-embed-play svg {
	opacity: 1 !important;
	max-width: 72px;
	transition: width 0s !important;
}

.elementor-custom-embed-play svg:hover {
	opacity: 0.85 !important;
}

.wysiwyg a {
	text-decoration: none !important;
}

/* DOM */

nav {
	height: 7rem !important;
	padding-top: 0.5rem;
	box-shadow: 0 !important;
	position: fixed !important;
	z-index: 1000 !important;
}

nav:after {
	opacity: 0;
	transition: all .4s linear;
}

nav .current-menu-item span, nav .current-menu-item.kontakt-menu span {
	background: #D1E98E;
	padding: 6px 1em;
	border-radius: 16px;
	color: #000;
}

nav .kontakt-menu span {
	background: #0082B5;
	padding: 6px 1em;
	border-radius: 16px;
	color: #fff;
}

nav .container {
	max-width: 1360px;
	padding: 0 2em;
}

.menu-container {
	padding-top: 0.75em !important;
	padding-bottom: 0.75em !important;
}

body.scroled-pos1 nav#nav .contact-container-wrap {
	position: static;
	margin-top: -2px !important;
}

body.scroled-pos1 nav:after {
	opacity: 1;
}

.logo-container img {
	height: 36px !important;
	width: auto !important;
	transition: all .2s linear;
}

body.scroled-pos1 .logo-container img {
	height: 32px !important;
	width: auto !important;
}

.nav-menu span {
	font-size: 18px;
}

section > .container {
	padding-left: 0;
	padding-right: 0;
}

.section-wysiwyg-element {
	padding-top: inherit;
}

.bez-tla section {
	background: transparent !important;
}

.e-con-inner > .elementor-widget-video, .e-con > .elementor-widget-video {
	aspect-ratio: 16 / 9;
	border-radius: 1em;
	overflow: hidden;
}

footer section {
	display: flex !important;
	flex-flow: row wrap;
	max-width: 1360px !important;
	margin: 0 auto;
	padding: 4em 2em;
}

footer .menu-item {
	width: 100%;
}

footer .stopka-logo {
	margin-left: 0;
	margin-bottom: 2em;
}

/* header */

.header-phone {
	padding-top: 6px;
}

.header-phone .widget {
	margin-left: -.5em;
	font-weight: 500;
}

.header-phone img {
	height: 16px;
	margin-top: 3px;
}

/* forms */

.fluentform-widget-wrapper {
	width: 100% !important;
	font-family: "Proxima-soft";
}

.fluentform-widget-wrapper select {
	-webkit-appearance: none;
	-webkit-border-radius: none;
}

.fluentform-widget-wrapper .ff-default .ff-el-form-control {
	font-size: 0.85em !important;
}

.fluentform-widget-wrapper textarea {
	background: #FCFFF3;
	border: 1px solid #D5E5A3 !important;
	border-radius: 1em !important;
	padding: 1em !important;
}

.ff-btn-submit {
	font-family: Proxima-soft, sans-serif !important;
	padding: 0.5em 1.5em !important;
	border-radius: 3em;
	font-size: 1.2em !important;
	font-weight: 600;
}

.sygnet {
	position: relative;
}

.sygnet h2 {
	padding-right: 80px;
}

.sygnet:after {
	content: '';
	width: 27px;
	height: 54px;
	display: block;
	position: absolute;
	background: url(../img/fundacja-musicon-sygnet.svg);
	right: 1.5em;
	top: 2em;
}

/* footer */

footer section {
	padding-top: 1.5em;
}

footer .wp-block-columns {
	display: flex;
}

footer figure {
	margin-left: 0;
}

/* g maps*/

.mapa {
	max-height: 360px;
	overflow: hidden;
	border-radius: 1em;
}

.embed-map-container {
	height: 480px;
	border-radius: 1em;
	margin-top: -120px;
}

.embed-map-responsive {
	height: 400px !important;
	overflow: hidden !important;
}

/* widgets */

.icon-list {
	margin-top: 3em;
}

.icon-list .el-in {
	display: flex;
	align-items: center;
	margin-bottom: 1em;
}

.icon-list .el-in img {
	max-width: 82px;
	margin-right: 1em;
}

.section-wysiwyg-element .wysiwyg + a {
	margin-top: 2em;
	font-family: Proxima-soft, sans-serif !important;
}

.section-wysiwyg-element .link-1 {
	background: #95C11E;
	padding: .75em 1.5em;
	border-radius: 3em !important;
	font-size: 1.2em;
	font-weight: 600 !important;
}

.link-text-color-white span {
	color: #fff;
}

.link-text-color-pink {
	color: #CB6187;
}

.link-text-color-red {
	color: #A31347;
}

.link-text-color-blue {
	color: #0082B5;
}

.link-text-color-green {
	color: #95C11E;
}

/* animations */
@keyframes up-down-1 {
0% {
	padding-top: 0;
}

50% {
	padding-top: 1em;
}

100% {
	padding-top: 0;
}
}

@keyframes up-down-2 {
0% {
	padding-bottom: 0;
}

50% {
	padding-bottom: 1em;
}

100% {
	padding-top: 0;
}
}

@keyframes spin {
0% {
	transform: rotate(0deg);
}

25% {
	transform: rotate(360deg);
}

100% {
	transform: rotate(360deg);
}
}

.animation-up-down-1 {
	animation-name: up-down-1;
	animation-duration: 4s;
	animation-iteration-count: infinite;
}

.animation-up-down-2 img {
	animation-name: up-down-2;
	animation-duration: 4s;
	animation-iteration-count: infinite;
}

.animation-spin {
	animation: spin 7s infinite;
}

.animation-spin img {
	animation: up-down-2 3.5s infinite;
}

@media all and (max-width: 520px) {
	h2 {
		font-size: 1.7em !important;
	}
	
	h3 {
		font-size: 1.5em !important;
	}
	
	h4 {
		font-size: 1.3em !important;
	}
	
	main {
		padding-top: 3em !important;
	}
	
	.label-contact span {
		font-size: 0.75em !important;
	}
	
	.logo-container img {
		height: 26px !important;
	}
	
	body.scroled-pos1 .logo-container img {
		height: 22px !important;
		width: auto !important;
	}
}

@media all and (min-width: 521px) {
	.visible-sm {
		display: none !important;
	}
}

@media all and (max-width: 640px) {
	.col-sm-1-1 {
		width: 100%;
	}
	
	.col-sm-1-2 {
		width: 50% !important;
	}
	
	.elementor-column:has(.obejrzyj-film):after {
		top: -80px;
		right: 10px;
		transform: rotate(-35deg);
	}
	
	.hidden-mobile {
		display: none !important;
	}
}

@media all and (min-width: 641px) {
	.visible-sm {
		display: none;
	}
}

@media all and (max-width: 1440px) {
	h2 {
		font-size: 2.1em;
	}
	
	h3 {
		font-size: 1.6em;
	}
	
	h4 {
		font-size: 1.3em;
	}
}

/*
Theme Name: Fundacja Musicon
Author: Marek Chmiel@Dinksy
Description: Your description goes here
Version: 1.0
Template: musicon

This is the child theme for musicon theme theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

.elementor-section.elementor-section-boxed > .elementor-container {
	max-width: 1310px !important;
	margin: 0 auto;
	padding: 0 .5em;
}

.elementor-section.elementor-section-boxed > .elementor-container.elementor-column-gap-default {
	gap: 3em;
}

.standard-margin-top {
	margin-top: 4em;
}

.small-margin-top {
	margin-top: 2em;
}

.elementor-widget-video {
	border-radius: 1em;
}

.align-right {
	width: 100%;
	text-align: right;
}

.align-right img {
	display: inline-block;
}

/* slider */

.section-success .slider-success-container .success-in img {
	height: 15rem;
}

/* image-txt */

.section-image-txt h4 {
	margin-top: 1em;
	margin-bottom: .5em;
}

/* inner section */

@media all and (max-width: 639px) {
	.elementor-column > .elementor-element-populated {
		padding: 1em !important;
	}
	
	.elementor-element-populated .elementor-element-populated {
		padding: 0 !important;
	}
}

@media all and (min-width: 640px) and (max-width: 1024px) {
	.elementor-section.elementor-section-boxed > .elementor-container.elementor-column-gap-default {
		gap: 1.75em;
	}
	
	.elementor-column > .elementor-element-populated {
		padding: 1.25em !important;
	}
	
	.elementor-section .elementor-container {
		flex-wrap: nowrap !important;
	}
	
	.grid-4, .grid-3 {
		grid-template-columns: 2;
	}
	
	.elementor-element-populated .elementor-element-populated {
		padding: 0 !important;
	}
}

@media all and (min-width: 1025px) {
	.elementor-column > .elementor-element-populated {
		padding: 1.5em !important;
	}
	
	.elementor-element-populated .elementor-element-populated {
		padding: 0 !important;
	}
}