/*
Theme Name: Com and Media Academy
*/

body {
font-family: "Poppins", sans-serif;
font-size:16px;
line-height:27px;
color:#000
}

.wow {
	visibility:hidden
}

.nav-logo {
	transition:.3s;
	width:250px
}

a {
	text-decoration:none
}


.gallery-row {
	margin-top:45px
}

.gallery-row .col-md-2 {
		padding-left:5px;
		padding-right:5px
}

.wpcf7-list-item {
  display: block;
  text-align: center;
}

.navbar {
	padding-top:0px;
	padding-bottom:0px;
	transition:.3s
}

.navbar.scrolled {
	padding-top:0px;
	padding-bottom:0px;
	box-shadow:5px 10px 15px #0000000a
}

.navbar .nav-link{
	transition:.3s
}

.navbar.scrolled .nav-link{
	padding-top:0px;
	padding-bottom:0px;
}

.scrolled .nav-logo {
	max-width:230px;
}

.wpcf7-not-valid-tip {
  font-size: 14px;

}

.rekomendacja-col {
	padding:0px 40px;

}

.rekomendacja-autor span {
  font-weight: 400;
  letter-spacing: .3px;
  font-size: 16px;
  line-height: 25px;
  color:#121212
}

.rekomendacja-autor img {
	border-radius:70px;
	max-width:70px;
	display:inline-block;
	margin-right:15px;
	float:left;
	margin-top:-8px
}

.rekomendacja-txt {
		font-size:17px;
	line-height:28px;
	font-weight:300;
	font-style:italic
}

.rekomendacja-autor {
	margin-top:40px;
	font-weight:500;
	color:#ba2748
}

/* Responsywność */

.bg-light {
  background-color: #fff !important;
}

.navbar-brand {
	display:none
}

.nav-item {
	transition:.3s
}

.nav-item-logo {
	width:290px
}

.navbar-light .navbar-nav .nav-link {
  color: #000;
}

section {
	padding-top:120px;
	padding-bottom:120px
}

#home-baner {
	background: url(img/bg.jpg) no-repeat top center;
	background-size:cover;
	margin-top:130px
}

.home-baner-phone-col {
padding-left:80px	
}

.home-baner-phone-col img{
	max-width:300px
}

h1 {
font-weight:700;
font-size:44px;
line-height:60px
}	

.home-baner-social-media i {
	color:#ba2748;
	font-size:28px;
	line-height:32px;
	margin-right:14px
}

.home-baner-desc {
	font-size:22px;
	font-weight:500;
	line-height:33px;
	padding-bottom:35px;
	margin-top:30px;
	border-bottom:1px solid #ba2748;
	display:inline-block;
	width:100%;
	max-width:600px
}

.home-baner-social-media {
	padding-top:35px;
	padding-bottom:40px
}

.button {
	border:1px solid #ba2748;
	font-weight:600;
	color:#000;
	background:none;
	transition:.3s;
	display:inline-block;
	text-align:center;
	padding:11px 55px 10px 35px;
	border-radius:35px;
	font-size:15px;
	line-height:16px;
	position:relative;
	margin-right:10px;
	margin-bottom:6px
}

.button:after {
	content:"";
	width:22px;
	height:22px;
	background-color:#ba2748;
	position:absolute;
	top:8px;
	right:9px;
	border-radius:40px;
	transition:.3s;
	z-index:0
}

.button:hover {
	background-color:#ba2748;
	color:#fff;
		border:1px solid #ba2748;
}

.button:hover:after {
	background-color:#fff;
}

.section-title h1 {
	position:relative;
	padding-bottom:35px;
	margin-bottom:60px
}

.section-title h1:after {
	content:"";
	height:2px;
	width:130px;
	background-color:#ba2748;
	position:absolute;
	bottom:0px;
	left:calc(50% - 65px)
}

.o-szkoleniach-feature {
	position:relative;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:50px
}

.s-szkoleniach-feature-pop {
	background-color:#f6f1ed;
	border-radius:20px;
	padding:25px;
	text-align:center;
	font-size:15px;
	font-weight:500;
	line-height:24px;
	position:relative
}

.s-szkoleniach-feature-pop::after {
    content: '';
    position: absolute;
    bottom:-35px;
    right:40px;
    border-right: 0px solid transparent; /* Drugi bok trójkąta */
    border-left: 20px solid transparent; /* Drugi bok trójkąta */
    border-top: 35px solid #f6f1ed; /* Górny bok trójkąta */
}

.s-szkoleniach-feature-pop.gray-bg::after {
    border-top: 35px solid #f2f2f2; /* Górny bok trójkąta */
}

.o-szkoleniach-feature-row {
	margin-bottom:80px
	
}

.prowadzaca-img-col {
	padding-right:100px
}

.dot-separator {
	text-align:center;
	margin-top:7px;
	margin-bottom:5px
}

.dot-icon {
	width:10px;
	height:10px;
	border-radius:25px;
	background-color:#ba2748;
	display:inline-block
}

.gray-bg {
	background-color:#f2f2f2
}

span {
	font-weight:700;
	letter-spacing:.3px;
	font-size:20px;
	line-height:30px
}

#home-o-academy {
	background-color:#f6f1ed
}

h2 {
	font-size:25px;
	line-height:36px;
	font-weight:700;
	letter-spacing:.4px;
	position:relative;
	padding-bottom:40px;
	margin-bottom:40px
}



.czego-potrzebujesz-row {
	margin-top:50px
}

h2:after {
	content:"";
	height:2px;
	width:130px;
	background-color:#ba2748;
	position:absolute;
	bottom:0px;
	left:0px
}

#home-informacje {
	background-color:#f6f1ed
}

.home-info-title {
	text-align:center;
	font-size:17px;
	font-weight:bold;
	margin-bottom:24px;
	margin-top:24px
}

.home-info-desc {
	font-size:15px;
	line-height:23px;
	text-align:center;
	padding-left:20px;
	padding-right:20px
}

.home-informacje-second-row {
	margin-top:60px
}

.home-info-icon {
	text-align:center
}

.hil-border {
border-right:2px solid #fff	
}

.ikonkiset {
	max-width:200px
}

.inline-icons {
margin-top:60px	
}

footer {
	background-color:#ba2748;
	color:#fff;
	padding-top:100px;
	padding-bottom:100px
}

.footer-si {
	margin-bottom:45px
}

.footer-si a {
	color:#fff;
	transition:.3s
}

.footer-si a i {
	font-size:26px;
	line-height:36px;
	margin-left:7px;
	margin-right:7px
}

.footer-si a:hover {
	color:#f2f2f2
}

.ptpb-0  {
	padding-top:0px;
	padding-bottom:0px
}

.warsztat-txt-col {
	padding:140px 90px
}

.accordion-item {
  background:none !important;
  border: 0px solid rgba(0,0,0,.125);
}

.accordion-button:not(.collapsed) {
  color: #ba2748;
  background:none !important;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,0);
}

.accordion-button:not(.collapsed)::after {
  display:none
}

.accordion-button {
  background:none !important;
font-size: 16px;
  color: #ba2748;
font-weight:600  ;
letter-spacing:.6px;
padding-left:0px;
position:relative;
outline:0px !important;
text-transform:uppercase
}

.accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0,0,0,.125);
}

.accordion-body {
  padding: 0px 30px 15px 16px;
}

.accordion-button:before {
	content:"+";
	margin-right:5px
}

.accordion-flush {
	margin-bottom:15px;
	padding:15px 0px
}

.warsztat-category {
	border:1px solid #000;
	border-radius:30px;
	margin-bottom:35px;
	display:inline-block;
	padding:10px 25px;
	font-size:15px;
	line-height:15px;
	font-weight:600;
	letter-spacing:1px
}

.warsztat-category-title {
	margin-bottom:15px;
	font-size:60px;
	line-height:60px;
	font-weight:900
}

@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav {
  flex-direction: row;
  width: 100%;
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 20px;
  padding-left: 20px;
  font-size: 15px;
  line-height: 120px;
  font-weight: 600;
  letter-spacing:.7px;
  text-align:center;
  text-wrap:nowrap
}
}

.wpcf7-form-control-wrap {
	margin-top:10px;
	display:block;
	text-align:center
}

.wpcf7 input{
  border: 0px;
  padding: 10px;
  width: 100%;
  font-size:15px;
  max-width:500px
}

.wpcf7 .wpcf7-list-item input{
  width: auto;
}
.wpcf7-spinner {
	display:none !important
}

span.wpcf7-list-item-label {
  font-size: 16px;
  line-height: 30px;
  font-weight: 600;
}

.wpcf7-submit  {
	width:auto !important;
	border:1px solid #ba2748 !important;
	text-align:center;
	padding:11px 55px 10px 55px !important;
	margin-top:25px

}

@media only screen and (max-width: 1400px) {

.home-baner-phone-col {
padding-left:60px	
}

h1 {
  font-size: 40px;
  line-height: 54px;
}

.o-akademii-img {
	padding-right:50px
}

section {
  padding-top: 100px;
  padding-bottom: 100px;
}

.warsztat-txt-col {
  padding: 110px 60px;
}

}

@media only screen and (max-width: 1200px) {

body {
  font-size: 15px;
  line-height: 26px;
}

.home-baner-phone-col {
padding-left:40px	
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 15px;
  padding-left: 15px;
  font-size: 14px;
}

.nav-item-logo {
  width: 240px;
}

span {
  font-size: 16px;
  line-height: 26px;
}

h1 {
  font-size: 30px;
  line-height: 42px;
}

.home-baner-desc {
  font-size: 18px;
  line-height: 29px;
}

.home-baner-phone-col img {
  max-width: 250px;
}

}



@media only screen and (max-width: 998px) {

#home-baner {
  background: none;
  background-color: #f7f2ee;
}

.nav-item-logo {
  display:none
}

.home-baner-phone-col {
  padding-left: 10px;
  padding-top: 30px;
  text-align: center;
}

.home-baner-social-media {
  padding-bottom: 25px;
}

.navbar-brand {
  display: inline-block;
}

.navbar {
  padding-top: 0px;
  padding-bottom: 0px;
}

.nav-logo {
  transition: .3s;
  width: 180px;
}

.navbar-nav {
	margin-top:15px
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 15px;
  padding-left: 16px;
  font-size: 15px;
  font-weight: 600;
}

#home-baner {
  margin-top: 80px;
  text-align: center;
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
}

#home-o-szkoleniach .o-szkoleniach-feature {
  margin-bottom: 45px;
}

.o-szkoleniach-feature-row {
  margin-bottom: 0px;
}

.inline-icons {
  margin-top: 30px;
}

.o-akademii-img {
  padding-right: 25px;
  padding-left: 25px;
  padding-bottom: 25px;
}

h2 {
  font-size: 23px;
  line-height: 33px;
  padding-bottom: 20px;
  margin-bottom: 25px;
}

.home-baner-social-media {
  padding-top: 30px;
}

.prowadzaca-img-col {
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom:30px
}

.moff {
	display:none
}

.accordion-body {
  padding: 0px 20px 15px 5px;
}

.accordion-flush {
  padding-top: 0px;
}

.warsztat-txt-col {
  padding: 50px 20px;
}

.section-title h1 {
  position: relative;
  padding-bottom: 23px;
  margin-bottom: 35px;
  font-size:24px;
  line-height:33px
}

.s-szkoleniach-feature-pop {
  padding: 20px 15px;
  font-size:14px
}

.home-info-icon img{
	max-height:44px
}

.czego-potrzebujesz-row {
  margin-top: 25px;
}

.o-szkoleniach-feature {
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
}

.hir-border {
	border:0px
}

.home-info-col {
	padding-bottom:29px;
}

.home-info-title {
  font-size: 15px;
  margin-bottom: 16px;
  margin-top: 16px;
}

section {
  padding-top: 50px;
  padding-bottom: 50px;
}

footer {
	font-size:14px
}

.footer-si {
  margin-bottom: 20px;
}

footer {
  background-color: #ba2748;
  color: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
}

.home-baner-desc {
  margin-top: 20px;
}

.warsztat-img-bg-col {
min-height:400px	
}

.button {
	margin-bottom:13px
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left:30px
}

.navbar-nav {
  margin-top: 0px;
  padding-bottom: 20px;
}

.gallery-row {
	margin-top:25px
}

.gallery-row .col-md-2 {
		padding-left:0px;
		padding-right:0px;
		padding-bottom:10px
}

.rekomendacja-autor {
  margin-top: 25px;
}

.rekomendacja-col {
	
}

.rekomendacja-txt {
  font-size: 15px;
  line-height: 25px;
}

.rekomendacja-col {
  padding: 0px 15px;
  padding-bottom:30px
}

}