/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

strong {font-weight: 600 !important;}
.fade-medium-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line {width: 30px !important;}
.dt-mobile-menu-icon:focus, .dt-mobile-menu-icon:active {outline: none; box-shadow: none; background: transparent;}
.mobile-main-nav>li>a {justify-content: center; align-items: center; padding: 10px 20px !important; border: 1px solid #232323; margin-bottom: 20px; font-weight: 400;}
.mobile-main-nav .menu01 a {background: #7A9ED3;}
.mobile-main-nav .menu02 a {background: #FFB292;}
.mobile-main-nav .menu03 a {background: #74CC96;}
.mobile-main-nav .menu04 a {background: #232323; color: #fff;}
.mobile-main-nav .menu05 a {background: #74CC96;}
.mobile-main-nav li.menu04 > a .menu-text {color: #fff !important;}
.fluentform .ff-el-group {margin-bottom: 10px !important;}
.cmplz-btn {right: 60px !important; border-radius: 0px !important; font-size: 12px}

/* START Sekcja HERO */
.hero-left {display:flex; align-items:flex-end;}
.hero-img {width:100%; position: relative; top: -5px; max-width: 690px; width: auto;}
.hero-bar {width:100%; height:50px; background:#E5AE22;}

#hero .row-1 {position: relative; z-index: 2; max-height: 540px;}

.hero-right {margin-top: -50px;}
.hero-tytul {max-width: 460px; display: inline-block;}
.hero-rozmowy {display: block; float: left; background: #fff; border: 1px solid #000; font-size: 60px; line-height: 1; padding: 6px 12px; color: #000; position: relative;}
.hero-bez {display: block; float: left; background: #7A9ED3; border: 1px solid #000; font-size: 60px; line-height: 1; padding: 6px 12px; color: #000; position: relative; top: -1px;}
.hero-barierek {display: block; float: left; background: #FFB292; border: 1px solid #000; font-size: 60px; line-height: 1; padding: 6px 12px; color: #000; position: relative; top: -1px; left: -1px;}

.hero-opis {max-width: 90%; display: inline-block; clear: both; font-weight: 400; font-size: 36px; line-height: 46px; margin-top: 35px; margin-bottom: 35px;}
.hero-opis span.bold {font-weight: 600;}
#hero .btn-align-center {text-align: left;}
/* KONIEC Sekcja HERO */

.naglowek {display: flex; align-items: center; justify-content: center; font-weight: 400; font-size: 60px; line-height: 72px; text-align: center; gap: 20px; text-transform: uppercase;}
.naglowek:before, .naglowek:after {content: ""; flex: 1; height: 2px; background: #232323;}

/* START Sekcja KIEDY */
.meet {display:flex; align-items:stretch; max-width:1024px; margin:0 auto; border:2px solid #232323; margin-top: 75px; }

.meet-left {padding:40px; background:#f8f8f8; max-width:600px; width:100%;}
.meet-label {display:inline-block; padding:6px 14px; border:2px solid #000; margin-bottom:20px; font-weight:400; font-size:20px; line-height:30px; background:#fff;}
.meet-title {font-size:48px; line-height:60px; margin:20px 0 30px; font-weight:600; text-transform: unset;}
.meet-icons {display:flex; align-items:center; gap:20px; margin:20px 0 30px;}
.icon-item {display:flex; align-items:center; gap:8px; font-size:24px; font-weight: 400;}
.divider {width:1px; height:30px; background:#444;}
.meet-btn { display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding:14px 45px; background:#111; color:#fff; text-decoration:none; font-weight:600; font-size:16px; line-height:24px;}
.meet-btn::after {content: "→"; font-size: 18px; line-height: 1; display: inline-block; transition: transform 0.3s ease;}
.meet-btn:hover {background: #4f4f4f; color: #fff;}

.meet-right {display:flex; flex-direction:column; max-width:424px; width:100%;}
.meet-right .box {flex:1; display:flex; align-items:center; gap:15px; padding:25px; border-bottom: 2px solid #232323; border-left: 2px solid #232323;}
.meet-right .box:last-child {border-bottom: 0px;}
.box div {border-left: 1px solid #232323; padding-left: 20px;}
.box img {width:60px !important; height: 60px !important; padding: 10px !important;}
.box .ikony {font-size: 48px; border-left: 0px !important; padding: 10px !important;}
.box span {font-size:20px; line-height:40px;}
.box strong {font-size:24px; line-height:32px; font-weight:700;}
.green {background:#8DD4A0;} 
.peach {background:#FFB79F;} 
.blue {background:#7BA6D9;}
/* KONIEC Sekcja KIEDY */

/* START Sekcja O CO CHODZI */
#o-co-chodzi .row-1 {margin-top: 75px;}
#o-co-chodzi .row-1 .text {font-weight: 500; font-size: 24px; line-height: 32px;}
#o-co-chodzi .row-1 .text p {margin-bottom: 24px;}
#o-co-chodzi .row-1 .text strong {font-weight: 700 !important; font-size: 24px; line-height: 32px;}
#o-co-chodzi .row-2 {padding: 75px 0px;}
#o-co-chodzi .row-3 .text {font-weight: 500 !important; font-size: 30px; line-height: 38px;}
#o-co-chodzi .row-4 {margin-top: 75px;}

.tag-rotator-container { display: flex; flex-direction: column; align-items: center; gap: 24px; padding: 0;}
.tag-rotator-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; width: 100%; max-width: 100%; }
.tag-rotator-item { display: inline-block; padding: 8px 10px; font-size: 36px; line-height: 44px; font-weight: 500; border-radius: 0; white-space: nowrap; transition: opacity 0.4s ease, transform 0.4s ease; cursor: default; opacity: 0; transform: translateX(-20px); }
.tag-rotator-item.fade-out { opacity: 0; transform: translateX(20px); }
.tag-rotator-item.fade-in { opacity: 1; transform: translateX(0); }
.tag-rotator-item.color-1 { background-color: #000000; color: #ffffff; }
.tag-rotator-item.color-2 { background-color: #ffffff; color: #000000; border: 1px solid #000000; }

.scrolling-text-container { width: 100%; overflow: hidden; position: relative; height: auto; -webkit-overflow-scrolling: touch; }
.scrolling-text-wrapper { display: flex; animation: scroll 30s linear infinite; white-space: nowrap; will-change: transform; }
.scrolling-text-image { height: auto; display: block; flex-shrink: 0; margin: 0; padding: 0; vertical-align: top; max-width: none; }
.animacja {margin-top: 100px;}

/* KONIEC Sekcja O CO CHODZI */

/* START Sekcja KTO ZA TYM STOI */
#kto .row-1 {margin-top: 75px; margin-bottom: 75px;}
#kto .row-2 {margin-top: 75px; margin-bottom: 75px; border: 2px solid #232323; padding: 20px; background-position: bottom right !important; min-height: 560px;}
#kto .row-3 {margin-top: 75px; margin-bottom: 75px;}
#kto .ramka_kolo img {border: 2px solid #232323; border-radius: 50%; object-fit: cover; margin-bottom: 35px;}
#kto .kto_imie {font-weight: 600; font-size: 36px; line-height: 44px; margin-bottom: 10px;}
#kto .kto_funkcja {font-weight: 400; font-size: 24px; line-height: 32px; letter-spacing: 0%; text-transform: uppercase;}
#kto .kto_opis {font-weight: 400; font-size: 20px; line-height: 30px; letter-spacing: 0%;}
#kto .kto_hr hr {width: 205px; height: 2px; background-color: #232323; border: none; margin: 20px auto !important;}
#kto .kto_zapraszamy {font-size: 48px; line-height: 60px;}
#kto .kto_zapraszamy strong {font-weight: 600;}

#kto .row-2 .monthly-meet {padding:40px;}
#kto .row-2 .mm-title {font-size:44px; line-height:1.2; font-weight:400; margin:0 0 20px; text-transform: unset !important;}
#kto .row-2 .mm-title span {font-weight:700;}
#kto .row-2 .mm-divider {width:100%; height:2px; background:#000; margin:30px 0;}
#kto .row-2 .mm-location {display:inline-flex; align-items:center; gap:8px; padding:6px 14px; border:2px solid #000; background:#fff; font-size:30px; line-height: 38px; margin-bottom:20px; font-weight: 600;}
#kto .row-2 .mm-pin {font-size:22px;}
#kto .row-2 .mm-program {list-style:none; padding:0; margin:0;}
#kto .row-2 .mm-program li {display:flex; align-items:baseline; gap:10px; font-size:24px; line-height: 32px; margin:12px 0; font-weight: 400;}
#kto .row-2 .mm-program strong {font-weight:700;}
#kto .row-2 .mm-arrow {width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:14px solid #000;}
/* KONIEC Sekcja KTO ZA TYM STOI */

/* START Sekcja PLAN WIECZORU */
#plan-wieczoru .row-1 {margin-top: 75px;}
#plan-wieczoru .agenda-box {border:2px solid #000; padding:40px; max-width:1024px; margin:0 auto;}
#plan-wieczoru .agenda-item {position:relative; padding: 15px 0px;}
#plan-wieczoru .agenda-time {position:absolute; top:0; right:0; margin:0;}
#plan-wieczoru .agenda-left {display:flex; align-items:center; gap:15px;}
#plan-wieczoru .agenda-num {width:64px; height:64px; border-radius:50%; display:flex; justify-content:center; align-items:center; font-size:30px; font-weight:700; border:2px solid #000;}
#plan-wieczoru .num-blue {background:#86A9D9;} .num-orange {background:#FFB79F;} .num-green {background:#8DD4A0;}
#plan-wieczoru .agenda-title {font-size:36px; font-weight:700; margin:0; text-transform: unset !important;}
#plan-wieczoru .agenda-time {float:right; padding:8px 16px; border:1px solid #232323; display:inline-flex; align-items:center; gap:8px; margin:20px 0; font-size: 30px; line-height: 38px; font-weight: 600;}
#plan-wieczoru .agenda-desc {font-size:24px; line-height:32px; font-weight: 400; margin:15px 0 20px;}
#plan-wieczoru .agenda-line {width:100%; height:2px; background:#232323;}
#plan-wieczoru .time-icon {font-size:28px;}
/* KONIEC Sekcja PLAN WIECZORU */

/* START Sekcja ZAPISY */
#zapisy .signup-section {display:flex; align-items:stretch; border:2px solid #000; margin:0 auto;}
#zapisy .signup-left {flex:1; display:flex; flex-direction:column; border-right:2px solid #000;}
#zapisy .signup-top {background:#f4c24c; padding: 75px; border-bottom: 2px solid #232323;}
#zapisy .signup-title {font-size:72px; line-height:90px; font-weight:400; margin:0;}
#zapisy .signup-title span {font-weight: 700;}
#zapisy .signup-title .emoji {font-size:60px;}
#zapisy .signup-bottom {background:#fff; padding: 75px; height: 100%; display: flex; align-items: center;}
#zapisy .signup-desc {font-size:36px; font-weight:400; margin:0;}
#zapisy .signup-right {flex:1; background:#fff;}
#zapisy .signup-haslo {font-size:20px; line-height:30px; font-weight: 400; margin:15px 0 20px;}
#zapisy .signup-form {padding: 35px 75px;}
#zapisy .zgoda1 {font-size: 12px; line-height: 16px;}
#zapisy .zgoda2 {font-size: 12px; line-height: 16px;}
#zapisy .ff-default .ff-el-input--label label {font-size: 13px;}
#zapisy .fluentform .ff-el-form-control {font-size: 15px; font-weight: 400;}
#zapisy .ff-btn.ff-btn-submit {text-transform: uppercase; font-weight: 700;}
#zapisy .ff-btn.ff-btn-submit::after {content: "→"; font-size: 18px; line-height: 1; display: inline-block; margin-left: 10px; /* odstęp od tekstu */ transition: transform 0.3s ease;}
#zapisy .ff-btn.ff-btn-submit:hover {background: #232323; color: #fff; border: 1px solid #232323;}
#zapisy .ff-message-success p {text-align: center; margin-top: 10px;}
/* KONIEC Sekcja ZAPISY */

/* START Sekcja STOPKA */
.footer-wrap {display:flex; align-items:center; justify-content:space-between; gap: 20px;}
.footer-logo {height:105px; width:auto;}
.footer-left-text {font-size:16px; line-height:1.2; font-weight:600;}

.footer-social {display:flex; align-items:center; gap:35px; flex-wrap:wrap;}
.social-item {display:flex; align-items:center; gap:8px; font-size:18px;}
.social-icon {height:auto; width:auto;}
.social-item a {display:flex; align-items:center; gap:8px; text-decoration:none; color:#000;}

.footer-contact {font-size:16px; line-height:1.4; min-width:240px;}
.footer-contact a {text-decoration:underline; color:#000;}
/* KONIEC Sekcja STOPKA */

section#kiedy {padding-top: 90px !important; padding-bottom: 90px;}
section#o-co-chodzi {padding-top: 90px !important;}
section#kto {padding-top: 90px !important; padding-bottom: 20px;}
section#zapisy {padding-top: 90px !important; padding-bottom: 90px;}
section#plan-wieczoru {padding-top: 90px !important; padding-bottom: 90px;}
section#stopka {padding-top: 35px !important; padding-bottom: 35px;}

/* MOBILE MOBILE MOBILE MOBILE */

@media screen and (max-width: 767px) {
    .second-switch-logo-left.second-switch-menu-right .mobile-header-bar .mobile-mini-widgets {-ms-flex-pack: flex-start; -ms-justify-content: flex-start; justify-content: flex-start !important; -ms-flex-pack: end;}
	
/* START Sekcja HERO */
.vc_row.vc_row-flex {flex-wrap: unset;}
.hero-left {display:flex; align-items:flex-end;}
.hero-img {width:100%; position: relative; top: 26px; margin: 0 auto;}
.hero-bar {width:100%; height:50px; background:#E5AE22;}

#hero .row-1 {display: flex !important; flex-direction: column-reverse !important; max-height: unset; }

.hero-right {margin-top: 0; clear: both;}

.hero-tytul {max-width: 300px; display: block; margin: 0 auto;}
.hero-rozmowy {display: block; float: left; background: #fff; border: 2px solid #000; font-size: 36px; line-height: 1; padding: 8px 12px; color: #000; position: relative;}
.hero-bez {display: block; float: left; background: #7A9ED3; border: 2px solid #000; font-size: 36px; line-height: 1; padding: 8px 12px; color: #000; position: relative; top: -2px;}
.hero-barierek {display: block; float: left; background: #FFB292; border: 2px solid #000; font-size: 36px; line-height: 1; padding: 8px 12px; color: #000; position: relative; top: -2px; left: -2px;}

.hero-opis {max-width: 99%; display: inline-block; clear: both; font-weight: 400; font-size: 24px; line-height: 32px; margin-top: 35px; margin-bottom: 35px; text-align: center;}
.hero-opis span.bold {font-weight: 600;}
#hero .btn-align-center {text-align: center;}
/* KONIEC Sekcja HERO */	

.naglowek {display:flex; flex-direction:column; align-items:center; font-weight:400; font-size:36px; line-height:1; text-align:center; gap:10px; text-transform: uppercase;}
.naglowek:before {content:""; display: block; width:100%; height:2px; background:#232323; flex: none; margin-bottom: 14px;}
.naglowek:after {content:""; display: block; width:100%; height:2px; background:#232323; flex: none; margin-top: 14px;}


/* START Sekcja KIEDY */
.meet {display:flex; align-items:stretch; max-width:100%; margin:0 auto; border:2px solid #232323; margin-top:40px; flex-direction:column;}
.meet-left {padding:20px; background:#f8f8f8; max-width:100%; width:auto; order:2; border-top:2px solid #232323;}
.meet-label {display:block; padding:6px 14px; border:2px solid #000; margin-bottom:20px; font-weight:400; font-size:18px; line-height:28px; background:#fff; text-align: center;}
.meet-title {font-size:28px; line-height:36px; margin:15px 0 25px; font-weight:600; text-transform: initial; text-align: center;}
.meet-icons {display:flex; align-items:flex-start; gap:12px; margin:20px 0 25px; flex-direction:column;}
.icon-item {display:flex; align-items:center; gap:8px; font-size:18px;}
.divider {width:1px; height:30px; background:#444; display:none;}
.meet-btn {display:block; padding:13px 0; background:#232323; color:#fff; text-decoration:none; font-weight:700; font-size:16px; line-height:24px; width:100%; text-align:center; margin-top:25px;}
.meet-right {display:flex; flex-direction:column; max-width:100%; width:100%; order:1;}
.meet-right .box {flex:1; display:flex; align-items:center; gap:20px; padding:20px; border-bottom:2px solid #232323; border-left:0;}
.meet-right .box:last-child {border-bottom:0;}
.box div {border-left:1px solid #232323; padding-left:20px;}
.box img {width:40px !important; height:40px !important; padding:20px;}
.box .ikony {font-size: 36px; border-left: 0px !important; padding: 10px !important;}
.box span {font-size:20px; line-height:40px;}
.box strong {font-size:20px; line-height:30px; font-weight:700 !important;}
.green {background:#8DD4A0;}
.peach {background:#FFB79F;}
.blue {background:#7BA6D9;}
/* KONIEC Sekcja KIEDY */

/* START Sekcja O CO CHODZI */
#o-co-chodzi .row-1 {margin-top: 35px;}
#o-co-chodzi .row-1 .text {font-weight: 500; font-size: 18px; line-height: 28px;}
#o-co-chodzi .row-1 .text p {margin-bottom: 18px;}
#o-co-chodzi .row-1 .text strong {font-weight: 700 !important; font-size: 18px; line-height: 28px;}
#o-co-chodzi .row-2 {padding: 25px 0px;}
#o-co-chodzi .row-2 .vc_sep_line {border-top-width: 1px;}
#o-co-chodzi .row-3 .text {font-weight: 500 !important; font-size: 20px; line-height: 30px;}
#o-co-chodzi .row-4 {margin-top: 35px;}

.tag-rotator-container { display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 0;}
.tag-rotator-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; width: 100%; max-width: 100%; }
.tag-rotator-item { display: inline-block; font-size: 20px; line-height: 30px; padding: 8px 10px; font-weight: 500; border-radius: 0; white-space: nowrap; transition: opacity 0.4s ease, transform 0.4s ease; cursor: default; opacity: 0; transform: translateX(-20px); }
.tag-rotator-item.fade-out { opacity: 0; transform: translateX(20px); }
.tag-rotator-item.fade-in { opacity: 1; transform: translateX(0); }
.tag-rotator-item.color-1 { background-color: #000000; color: #ffffff; }
.tag-rotator-item.color-2 { background-color: #ffffff; color: #000000; border: 1px solid #000000; }

.scrolling-text-container { width: 100%; overflow: hidden; position: relative; height: auto; -webkit-overflow-scrolling: touch; }
.scrolling-text-wrapper { display: flex; animation: scroll 30s linear infinite; white-space: nowrap; will-change: transform; }
.scrolling-text-image { height: auto; max-height: 60px; display: block; flex-shrink: 0; margin: 0; padding: 0; vertical-align: top; max-width: none; }
.animacja {margin-top: 75px;}

/* KONIEC Sekcja O CO CHODZI */

/* START Sekcja KTO ZA TYM STOI */
#kto .row-1 {margin-top: 25px; margin-bottom: 25px;}
#kto .row-2 {margin-top: 35px; margin-bottom: 35px; border: 2px solid #232323; padding: 20px; background-position: bottom right !important; min-height: 750px; background-size: 400px auto !important;}
#kto .row-3 {margin-top: 35px; margin-bottom: 35px;}
#kto .ramka_kolo img {border: 2px solid #232323; border-radius: 50%; object-fit: cover; margin-bottom: 35px; max-width: 225px;}
#kto .kto_imie {font-weight: 600; font-size: 36px; line-height: 44px; margin-bottom: 10px;}
#kto .kto_funkcja {font-weight: 400; font-size: 24px; line-height: 32px; letter-spacing: 0%; text-transform: uppercase;}
#kto .kto_opis {font-weight: 400; font-size: 20px; line-height: 30px; letter-spacing: 0%;}
#kto .kto_hr hr {width: 205px; height: 1px; background-color: #232323; border: none; margin: 20px auto !important;}
#kto .kto_zapraszamy {font-size: 48px; line-height: 60px;}
#kto .kto_zapraszamy strong {font-weight: 600;}

#kto .row-2 .vc_row.vc_row-o-content-middle > .vc_column_container > .vc_column-inner {justify-content: flex-start !important;}
#kto .row-2 .monthly-meet {padding:0px;}
#kto .row-2 .mm-title {font-size:24px; line-height:32px; font-weight:400; margin:0 0 20px; text-transform: unset !important;}
#kto .row-2 .mm-title span {font-weight:700;}
#kto .row-2 .mm-divider {width:100%; height:2px; background:#000; margin: 15px 0;}
#kto .row-2 .mm-location {display:inline-flex; align-items:center; gap:8px; padding:6px 14px; border:2px solid #000; background:#fff; font-size:16px; line-height: 24px; margin-bottom:20px;}
#kto .row-2 .mm-pin {font-size:22px;}
#kto .row-2 .mm-program {list-style:none; padding:0; margin:0;}
#kto .row-2 .mm-program li {display:flex; align-items:baseline; gap:10px; font-size:20px; line-height: 30px; margin:12px 0; font-weight: 400;}
#kto .row-2 .mm-program strong {font-weight:700;}
#kto .row-2 .mm-arrow {width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:14px solid #000;}
/* KONIEC Sekcja KTO ZA TYM STOI */

/* START Sekcja PLAN WIECZORU */
#plan-wieczoru .agenda-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:5px 0;}
#plan-wieczoru .agenda-left{order:1;display:flex;flex-direction:column;align-items:center;gap:10px;}
#plan-wieczoru .agenda-desc{order:2;font-size:24px;line-height:32px;margin:10px 0 20px;}
#plan-wieczoru .agenda-time{order:3;position:static;float:none;width:100%;max-width:360px;display:flex;justify-content:center;margin:0px auto 0;box-sizing:border-box;font-size:22px;line-height:30px;}
#plan-wieczoru .agenda-line{order:4;width:100%;margin:20px 0;height:1px;}
#plan-wieczoru .agenda-num{width:56px;height:56px;font-size:32px;}
#plan-wieczoru .agenda-title{font-size:36px;margin:10px 0 5px;}
#plan-wieczoru .agenda-box{padding:0px; border:0px;}

/* KONIEC Sekcja PLAN WIECZORU */

/* START Sekcja ZAPISY */
#zapisy .signup-top {background:#f4c24c; padding: 20px; border-bottom: 2px solid #232323;}
#zapisy .signup-bottom {background:#fff; padding: 20px;}
#zapisy .signup-form {padding: 20px;}
#zapisy .signup-section{flex-direction:column;}
#zapisy .signup-left{flex:unset;border-right:0;border-bottom:2px solid #000;width:100%;}
#zapisy .signup-right{flex:unset;width:100%;}
#zapisy .signup-title{font-size:40px;line-height:50px;}
#zapisy .signup-title .emoji{font-size:46px;}
#zapisy .signup-desc{font-size:20px;line-height:28px;}
#zapisy .signup-haslo{font-size:20px;line-height:30px;margin:20px 0;}
#zapisy .signup-form{padding:20px;}
/* KONIEC Sekcja ZAPISY */

/* START Sekcja STOPKA */
.footer-wrap {display:flex; align-items:center; justify-content:space-between; gap: 20px;}
.footer-logo {height:105px; width:auto;}
.footer-left-text {font-size:16px; line-height:1.2; font-weight:600;}

.footer-social {display:flex; align-items:center; gap:35px; flex-wrap:wrap;}
.social-item {display:flex; align-items:center; gap:8px; font-size:18px;}
.social-icon {height:auto; width:auto;}
.social-item a {display:flex; align-items:center; gap:8px; text-decoration:none; color:#000;}

.footer-contact {font-size:16px; line-height:1.4; min-width:240px;}
.footer-contact a {text-decoration:underline; color:#000;}

.footer-wrap{flex-direction:column;align-items:flex-start;gap:25px;}
.footer-logo{width:auto;margin-bottom:10px;}
.footer-social{flex-direction:column;align-items:flex-start;gap:15px;}
.social-item{font-size:18px;gap:10px;}
.footer-contact{font-size:16px;line-height:1.5;}

/* KONIEC Sekcja STOPKA */

section#kiedy {padding-top: 40px !important; padding-bottom: 40px;}
section#o-co-chodzi {padding-top: 40px !important;}
section#kto {padding-top: 40px !important; padding-bottom: 40px;}
section#zapisy {padding-top: 40px !important; padding-bottom: 40px;}
section#plan-wieczoru {padding-top: 40px !important; padding-bottom: 40px;}
section#stopka {padding-top: 35px !important; padding-bottom: 35px;}

}

/* MOBILE MOBILE MOBILE MOBILE */


@media screen and (min-width:768px) and (max-width:1200px){
	
/* HERO */
#hero .row-1{display:flex;flex-direction:row;align-items:center;gap:40px;max-height:unset;}
.hero-left{flex:1;}
.hero-right{flex:1;margin-top:0;}
.hero-img{max-height:440px;width:auto; top: 33px;}
.hero-rozmowy,.hero-bez,.hero-barierek{font-size:48px;padding:6px 12px;}
.hero-opis{font-size:28px;line-height:36px;max-width:420px;margin-top:25px;margin-bottom:25px;}
.hero-tytul{max-width:380px;}

/* TOP HEADERS */
.naglowek{font-size:48px;line-height:58px;gap:20px;}

/* KIEDY */
.meet{max-width:1000px;margin-top:50px;}
.meet-left{padding:40px; max-width:560px;}
.meet-title{font-size:40px;line-height:52px;}
.meet-label{font-size:20px;}
.meet-icons{gap:16px;}
.icon-item{font-size:22px;}
.meet-right{max-width:400px;}
.meet-right .box{padding:24px;gap:20px;}
.box img{width:56px !important;height:56px !important;}
.box strong{font-size:22px;}
.box span{font-size:18px;line-height:30px;}

/* O CO CHODZI */
#o-co-chodzi .row-1 .text{font-size:22px;line-height:32px;}
#o-co-chodzi .row-3 .text{font-size:26px;line-height:34px;}
.tag-rotator-item{font-size:28px;line-height:36px;padding:8px 14px;}
.scrolling-text-image{max-height:80px;}

/* KTO ZA TYM STOI */
#kto .row-1{margin-top:50px;margin-bottom:50px;}
#kto .row-2{background-size:60% auto !important;padding:0px;min-height:520px;}
#kto .mm-title{font-size:34px;line-height:1.2;}
#kto .mm-location{font-size:20px;}
#kto .mm-program li{font-size:22px;line-height:32px;}
#kto .kto_imie{font-size:32px;}
#kto .kto_funkcja{font-size:20px;}
#kto .kto_opis{font-size:18px;line-height:28px;}
#kto .ramka_kolo img{max-width:260px;}

/* PLAN WIECZORU */
#plan-wieczoru .agenda-box{max-width:1000px;padding:40px;}
#plan-wieczoru .agenda-title{font-size:30px;}
#plan-wieczoru .agenda-desc{font-size:22px;line-height:30px;}
#plan-wieczoru .agenda-time{font-size:24px;line-height:32px;}
#plan-wieczoru .agenda-num{width:62px;height:62px;font-size:28px;}

/* ZAPISY */
#zapisy .signup-section{flex-direction:row;max-width:1000px;}
#zapisy .signup-top,#zapisy .signup-bottom,#zapisy .signup-form{padding:40px;}
#zapisy .signup-title{font-size:56px;line-height:72px;}
#zapisy .signup-desc{font-size:28px;line-height:38px;}
#zapisy .signup-haslo{font-size:20px;line-height:30px;}

/* STOPKA */
.footer-wrap{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:40px;flex-wrap:wrap;}
.footer-logo{height:100px;}
.footer-social{gap:20px;flex-direction:row;}
.footer-contact{font-size:16px;line-height:24px;min-width:200px;}

}